/* Practical guides extend the existing MetricVale identity. */
.guide-wrap{width:min(790px,calc(100% - 96px));margin-inline:auto}
.guide-intro{padding-block:26px 38px}
.guide-intro .breadcrumbs{flex-wrap:wrap;row-gap:6px;line-height:1.6}
.guide-intro>.eyebrow{color:var(--blue);margin-bottom:21px}
.guide-intro h1{font-size:clamp(2.6rem,4.7vw,4.2rem);line-height:1.1;letter-spacing:-.055em}
.guide-intro h1 em{color:var(--blue)}
.guide-lead{font-size:1.125rem;line-height:1.8;color:var(--muted);margin-top:24px}
.guide-byline{font-size:.75rem;color:var(--muted);margin-top:20px}
.guide-section{border-top:1px solid var(--line);padding-block:33px 38px}
.guide-section h2{font-size:clamp(1.7rem,2.8vw,2.25rem);line-height:1.2;letter-spacing:-.04em}
.guide-section>p,.guide-section li{font-size:1rem;line-height:1.8;color:var(--muted)}
.guide-section>p{margin-top:18px}
.guide-section ul,.guide-section ol{padding-left:22px;margin-block:18px 0;display:grid;gap:10px}
.guide-section a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.guide-section strong{color:var(--ink);font-weight:600}
.guide-section code{font-size:.875rem;background:var(--fog);padding:2px 5px;overflow-wrap:anywhere}
.guide-example .service-table{min-width:440px;font-variant-numeric:tabular-nums}
.guide-example .service-table-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.guide-section .guide-calculation{padding:17px 20px;background:var(--fog);border-left:3px solid var(--blue);color:var(--ink)}
.guide-next{padding-block:35px 52px}
.guide-next>p{color:var(--muted);font-size:1rem;line-height:1.8;margin-top:17px}
.guide-next h2{font-size:2rem;line-height:1.2;letter-spacing:-.04em}
.guide-next .button{margin-top:24px}
@media(max-width:1100px){.guide-wrap{width:min(790px,calc(100% - 64px))}}
@media(max-width:700px){.guide-wrap{width:calc(100% - 40px)}.guide-intro{padding-block:22px 32px}.guide-intro h1{font-size:clamp(2.1rem,8.3vw,3rem)}.guide-lead{font-size:1rem}.guide-section{padding-block:28px 32px}.guide-example .service-table th,.guide-example .service-table td{padding:12px}.guide-next{padding-bottom:40px}}