/* One reading-first guide in the established civic-poster identity. */
.guide-cover{background:var(--ink);color:#fff;border-bottom:10px solid var(--gold);overflow:hidden}.guide-cover-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:40px;align-items:center;padding-block:52px}.guide-eyebrow{font-size:14px;letter-spacing:.04em;margin-bottom:21px;color:var(--quiet)}.guide-cover h1{font-family:var(--display);font-size:clamp(66px,7vw,100px);line-height:.93;margin:0 0 21px;color:var(--gold);letter-spacing:.005em;max-width:100%}.guide-deck{font-size:25px;font-weight:600;margin-bottom:16px}.guide-intro{font-size:18px;line-height:1.65;max-width:650px}.guide-credit{font-size:14px;color:var(--quiet);margin-top:23px}.guide-credit a{color:var(--gold)}.guide-cover a:focus-visible{outline-color:var(--gold)}.guide-mascot{margin:0;position:relative;min-width:0}.guide-mascot::before{content:"";position:absolute;inset:0 -45px 35px -25px;background:url('/assets/civic-sunburst.svg') center/cover no-repeat}.guide-mascot img{display:block;width:100%;height:auto;position:relative}.guide-mascot figcaption{font-size:13px;position:relative;background:var(--ink);padding:10px 8px;text-align:center;color:var(--quiet)}.guide-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:60px;padding-block:54px 66px;align-items:start}.guide-contents{position:sticky;top:30px;border-top:4px solid var(--gold);padding-top:18px}.guide-contents>p{font-family:var(--display);font-size:27px;margin-bottom:10px}.guide-contents nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:15px}.guide-contents a{padding:10px 0;line-height:1.4}.guide-reading{min-width:0}.guide-reading section{margin-bottom:38px;scroll-margin-top:28px}.guide-reading h2{font-size:42px;line-height:1.05;margin-bottom:19px;max-width:700px}.guide-reading p{font-size:17px;line-height:1.8;margin-top:15px}.guide-reading p:first-child{margin-top:0}.guide-reading .guide-section-label{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--green);margin:0 0 10px}.guide-reading a{color:var(--blue)}.guide-status{border-left:5px solid var(--gold);padding:27px 30px;background:var(--quiet)}.guide-reading .guide-status h2{font-size:36px}.guide-media{border-top:1px solid var(--line);padding-top:32px}.guide-media figure{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:center;margin:0}.guide-media video{display:block;width:190px;height:auto;max-width:100%;background:var(--ink);aspect-ratio:9/16}.guide-media figcaption{font-size:15px;line-height:1.75}.guide-frames{margin-top:28px}.guide-frames summary{cursor:pointer;padding:16px 20px;background:var(--quiet);font-weight:600;font-size:16px}.guide-frames summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.guide-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:18px}.guide-frame-grid img{width:100%;height:auto;display:block}.guide-sources{border-top:1px solid var(--line);padding-top:24px}.guide-reading .guide-sources h2{font-size:30px;margin-bottom:14px}.guide-reading .guide-sources p{font-size:14px;line-height:1.75}.guide-return{padding-top:8px;font-weight:600}.guide-home-link{margin-top:20px}.guide-home-link a{color:var(--blue);font-weight:600}
@media(max-width:1020px){.guide-layout{grid-template-columns:185px minmax(0,1fr);gap:35px}.guide-cover-grid{grid-template-columns:1.4fr .8fr;gap:25px}.guide-cover h1{font-size:78px}.guide-deck{font-size:22px}}
@media(max-width:760px){.guide-cover-grid{grid-template-columns:minmax(0,1fr);padding-block:31px 25px;gap:22px}.guide-cover h1{font-size:68px}.guide-eyebrow{font-size:12px;margin-bottom:18px}.guide-deck{font-size:22px}.guide-intro{font-size:16px;line-height:1.7}.guide-mascot{max-width:260px;justify-self:center}.guide-mascot::before{inset:0 -25px 32px}.guide-credit{margin-top:18px}.guide-mascot figcaption{font-size:12px}.guide-layout{display:block;padding-block:28px 42px}.guide-contents{position:static;margin-bottom:34px;padding-top:12px}.guide-contents nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 20px}.guide-contents a{padding:7px 0;font-size:14px}.guide-reading h2{font-size:36px}.guide-reading p{font-size:16px;line-height:1.8}.guide-reading section{margin-bottom:33px}.guide-status{padding:21px 20px}.guide-reading .guide-status h2{font-size:32px}.guide-header nav{gap:18px}.guide-media figure{grid-template-columns:135px minmax(0,1fr);gap:18px}.guide-media video{width:135px}.guide-media figcaption{font-size:13px;line-height:1.65}}
@media(max-width:380px){.guide-cover h1{font-size:62px}.guide-header{gap:12px}.guide-header nav{gap:12px;font-size:13px}.guide-media figure{display:block}.guide-media video{width:185px;margin:auto}.guide-media figcaption{margin-top:17px}.guide-frame-grid{grid-template-columns:minmax(0,1fr)}.guide-reading h2{font-size:34px}}
@media print{.guide-cover{background:#fff;color:var(--ink);border-bottom:2px solid var(--ink)}.guide-cover h1,.guide-eyebrow,.guide-credit,.guide-credit a{color:var(--ink)}.guide-cover-grid,.guide-layout{display:block;padding-block:20px}.guide-mascot,.guide-contents,.guide-media{display:none}.guide-cover h1{font-size:54px}.guide-reading section{break-inside:avoid}.guide-reading a{color:var(--ink)}.guide-status{border-left:2px solid var(--ink);padding:15px}.guide-home-link{display:none}}