/* National service pages: real work and explanatory figures, scoped to two pages. */
body.dm-national-offer .offer-figure{width:100%;margin:0}
body.dm-national-offer .offer-figure img{display:block;width:100%;height:auto}
body.dm-national-offer .offer-figure figcaption{margin-top:16px;font-family:var(--fm);font-size:17px;line-height:24px}
body.dm-national-offer .offer-figure+.offer-figure{margin-top:40px}
body.dm-national-offer .offer-diagram{width:100%;padding:32px;border:1px solid currentColor;background:var(--bg);color:var(--ink)}
body.dm-national-offer .offer-diagram>p{margin:0 0 24px;font-family:var(--fm);font-size:17px;line-height:24px}
body.dm-national-offer .offer-diagram ol{list-style:none;counter-reset:offer-step;margin:0;padding:0}
body.dm-national-offer .offer-diagram li{counter-increment:offer-step;display:grid;grid-template-columns:40px 1fr;gap:16px;border-top:1px solid currentColor;padding:20px 0;font-size:24px;line-height:32px}
body.dm-national-offer .offer-diagram li:before{content:counter(offer-step,decimal-leading-zero);font-family:var(--fm);font-size:17px;line-height:32px}
body.dm-national-offer .offer-diagram small{display:block;font-family:var(--fm);font-size:17px;line-height:24px;margin-top:8px}
body.dm-national-offer .offer-diagram .offer-aside{margin:16px 0 0;padding-top:16px;border-top:1px solid currentColor}
body.dm-national-offer .hero-h{overflow-wrap:normal;hyphens:manual}
@media(max-width:600px){body.dm-national-offer .offer-diagram{padding:24px}body.dm-national-offer .offer-diagram li{grid-template-columns:32px 1fr;gap:12px}body.dm-national-offer .hero-h{font-size:clamp(32px,8.5vw,51px)}}
body.dm-national-offer .hero-eyebrow,body.dm-national-offer .step-label{color:#8aa7ff}