/* Patient guide pages written directly in HTML (shares brand tokens with site.css). */
.guide-bar{background:var(--ink)}
.guide-bar a{display:flex;align-items:center;gap:10px;max-width:1120px;margin:0 auto;padding:12px 20px;color:var(--white);text-decoration:none;font-size:.9375rem}
.guide-bar a:hover span{text-decoration:underline}
.guide-bar img{width:26px;height:26px;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.guide-bar small{font-size:.8125rem;color:var(--teal-pale);margin-left:auto}

.guide{max-width:720px;margin:0 auto;padding:clamp(40px,7vw,72px) var(--gutter) 80px;counter-reset:section}
.guide-kind{font-size:.9375rem;font-weight:600;color:var(--teal-dark)}
.guide h1{margin-top:8px;font-size:clamp(2rem,5vw,2.75rem);line-height:1.1}
.guide-lead{margin-top:16px;font-size:1.1875rem;color:var(--ink-muted)}
.guide-by{margin-top:12px;font-size:.875rem;color:var(--ink-muted)}
.short{margin-top:32px;padding:20px 24px;background:#E9EEED;border-left:3px solid var(--teal);border-radius:0 4px 4px 0}
.short h2{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--teal-dark);margin-bottom:6px}
.guide section{margin-top:48px}
.guide section>h2{font-size:1.5rem;line-height:1.25;counter-increment:section}
.guide section>h2::before{content:counter(section);display:inline-block;min-width:1.4em;font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--teal-dark)}
.guide h3{margin-top:24px;font-family:var(--font-body);font-size:1.0625rem;font-weight:600}
.guide p{margin-top:12px}
.guide ul{margin:12px 0 0;padding-left:1.2em}
.guide li{margin-top:6px}
.guide li::marker{color:var(--teal)}
.guide table{width:100%;margin-top:16px;border-collapse:collapse;font-size:1rem}
.guide th,.guide td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--stone)}
.guide th{width:34%;font-weight:600}
.guide thead th{font-size:.875rem;color:var(--ink-muted);font-weight:600;border-bottom-color:var(--stone-dark)}
.callout{margin-top:20px;padding:18px 22px;background:var(--white);border:1px solid var(--stone);border-radius:4px}
.callout strong{display:block;margin-bottom:4px}
.sources{margin-top:56px;padding-top:24px;border-top:1px solid var(--stone-dark);font-size:.875rem;color:var(--ink-muted)}
.sources h2{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--ink)}
.sources ol{margin:10px 0 0;padding-left:1.4em}
.sources li{margin-top:6px}
.guide-end{margin-top:32px;font-size:.875rem;color:var(--ink-muted)}

@media print{
  .guide-bar{display:none}
  body{background:#fff;font-size:11pt}
  .guide{max-width:none;padding:0}
  .guide section{margin-top:22pt;break-inside:avoid-page}
  .short,.callout{break-inside:avoid}
  a{color:inherit;text-decoration:none}
}

/* Side-by-side illustrations */
.figure-row{margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.figure-row figure{margin:0}
.figure-row img{width:100%;border:1px solid var(--stone);border-radius:4px;background:#F4F2EC}
.figure-row figcaption{margin-top:6px;font-size:.875rem;font-weight:600}
.figure-note{margin-top:8px;font-size:.875rem;color:var(--ink-muted)}
@media (max-width:560px){.figure-row{grid-template-columns:1fr;max-width:320px}}
.figure-row.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}
.figure-row.one{grid-template-columns:minmax(0,1fr);max-width:300px}
.guide table.compare th{width:24%}
.guide table.compare thead th{font-size:1rem;color:var(--ink)}
@media (max-width:560px){.figure-row.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.guide table.compare{font-size:.9375rem}}