/* Shared website navigation remains in site.css; these rules style readable documents only. */
.site .document-main { width:min(880px,calc(100% - 96px)); margin-inline:auto; overflow-wrap:anywhere; padding-bottom:32px; }
.site .document-heading { padding:44px 0 16px; }
.site .document-heading .eyebrow { margin-bottom:12px; }
.site .document-heading h1 { font-size:clamp(30px,4vw,44px); margin:0 0 18px; letter-spacing:-.03em; }
.site .document-main .muted { color:var(--muted); font-size:14px; }
.site .document-main section { margin:30px 0; padding:4px 0; }
.site .document-main h2 { font-size:22px; margin:0 0 14px; }
.site .document-main p { margin:0 0 16px; }
.site .document-main a { color:#795a13; text-decoration:underline; text-underline-offset:3px; }
.site .document-main ol,.site .document-main ul { padding-left:24px; }
.site .document-main li { margin:8px 0; }
@media(max-width:760px) { .site .document-main { width:calc(100% - 40px); } .site .document-heading { padding-top:26px; } .site .document-main h2 { font-size:20px; } }
@media(max-width:360px) { .site .document-main { width:calc(100% - 32px); } }

.site .document-main .guide-answer { font-size:18px; line-height:1.8; padding:20px 24px; border-radius:16px; background:#f2ede0; }
.site .document-main .guide-reading a { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:760px) { .site .document-main .guide-answer { padding:18px 20px; font-size:16px; } }
