.guide-page{margin:0;background:var(--paper,#FAFCFD);color:var(--ink,#18334A);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
.guide-page *{box-sizing:border-box}.guide-page a{color:var(--blue,#245B7A);text-underline-offset:.2em}.guide-page a:focus-visible{outline:3px solid var(--blue,#245B7A);outline-offset:5px}
.guide-page .skip-link{position:absolute;left:1rem;top:-6rem;padding:.75rem 1rem;background:white;z-index:5}.guide-page .skip-link:focus{top:1rem}
.guide-nav{max-width:1180px;margin:auto;padding:1.2rem clamp(1.2rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line,#CCD8E2)}
.guide-logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink,#18334A)!important;font-size:1.1rem;font-weight:750;text-decoration:none;letter-spacing:-.035em}.guide-logo svg{width:26px;height:26px}.guide-nav>a:last-child{font-size:.9rem}
.guide-article{width:min(100% - 2.5rem,760px);margin:3.5rem auto 4rem}.guide-kicker{color:var(--muted,#526879);font-size:.77rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 1rem}
.guide-page h1{font-size:clamp(2rem,5.5vw,3.55rem);line-height:1.08;letter-spacing:-.055em;max-width:18ch;margin:0 0 1.3rem}.guide-page h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.025em;margin:2rem 0 .6rem}.guide-page h3{font-size:1rem;margin:0 0 .5rem;line-height:1.4}.guide-page p{margin:0 0 1rem}.guide-page .guide-lede{font-size:1.12rem;line-height:1.6;max-width:65ch;color:var(--muted,#526879)}
.guide-page figure{margin:2rem 0;background:#edf3f7;border:1px solid var(--line,#CCD8E2);border-radius:16px;overflow:hidden}.guide-diagram{display:block;width:100%;height:auto}.guide-diagram text{font-family:system-ui,-apple-system,sans-serif;fill:#18334A;font-size:17px}.guide-diagram .small{font-size:14px;fill:#526879}.guide-diagram .strong{font-weight:650}.guide-page figcaption{font-size:.8rem;line-height:1.5;color:var(--muted,#526879);padding:.6rem 1rem .8rem;border-top:1px solid var(--line,#CCD8E2)}
.guide-checklist{padding-left:1.4rem;margin:.7rem 0 1.3rem}.guide-checklist li{padding-left:.3rem;margin:.6rem 0}.guide-examples{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.7rem}.guide-example{padding:1.15rem;border:1px solid var(--line,#CCD8E2);border-radius:12px;background:#fff}.guide-example p{font-size:.95rem;margin:0}.guide-note{border-left:4px solid var(--blue,#245B7A);padding:.8rem 1rem;background:#edf3f7;font-size:.95rem}.guide-cta{display:inline-block;padding:.75rem 1.1rem;border-radius:8px;background:var(--ink,#18334A);color:#fff!important;text-decoration:none;font-weight:650;margin:.5rem 0 1rem}.guide-sources{font-size:.82rem;color:var(--muted,#526879);border-top:1px solid var(--line,#CCD8E2);padding-top:1.1rem;margin-top:2rem}.guide-sources h2{font-size:1rem;margin:.1rem 0 .6rem}.guide-sources ul{padding-left:1.2rem}.guide-sources li{margin:.4rem 0}.guide-footer{font-size:.83rem;color:var(--muted,#526879);border-top:1px solid var(--line,#CCD8E2);padding:1.2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1.4rem}.guide-page .formula{font-weight:650;font-variant-numeric:tabular-nums}
@media(max-width:560px){.guide-article{margin-top:2rem}.guide-examples{grid-template-columns:1fr}.guide-nav{padding:1rem 1.25rem}.guide-nav>a:last-child{font-size:.8rem}.guide-page h1{max-width:19ch}}
@media print{.guide-page{background:#fff;color:#111;font-size:10pt}.guide-nav,.guide-footer,.guide-cta,.skip-link{display:none!important}.guide-article{width:auto;margin:0}.guide-page h1{font-size:26pt;max-width:none}.guide-page h2{break-after:avoid}.guide-page figure,.guide-example,.guide-note{break-inside:avoid}.guide-page a{color:#111}.guide-page figure{max-width:540px;margin:1rem 0}.guide-sources{font-size:8pt}.guide-examples{gap:.5rem}.guide-page p,.guide-checklist li{orphans:3;widows:3}}