/* Civic Punk: loud invitations, quiet reading surfaces. */
:root{--paper:#faf9f5;--white:#fff;--ink:#111;--muted:#535353;--line:#d2d1cd;--orange:#a3004b;--sage:#eeede8;--dark:#111;--peach:#ff2e88;--pink:#ff2e88;--blue:#174bcb;--link-hover:#a3004b;--sans:Arial,Helvetica,system-ui,sans-serif}
body{font-size:18px;line-height:1.75}h1,h2,h3{font-weight:750;letter-spacing:-.035em}h1{font-weight:900}a,button{transition:background-color .15s,color .15s,border-color .15s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--blue)}
.edition-bar{background:#111;color:#fff;font-size:13px}.edition-dot{background:var(--pink)}.site-header{padding-block:24px;gap:24px}.brand{font-weight:800;font-size:22px;letter-spacing:-.7px}.brand img{width:30px}.site-header nav{gap:28px}.site-header nav a{font-weight:700}.site-header nav a[aria-current]{text-decoration-color:var(--pink);text-decoration-thickness:4px}.eyebrow{color:#4c4c4c;font-size:14px;font-weight:700;letter-spacing:.035em}.button{border-radius:0;font-weight:750;border:2px solid #111}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#333;color:#fff}.button-apricot{background:var(--pink);color:#111}.button-apricot:hover{background:#ff66a8;color:#111}.button-outline{background:transparent;color:#111}.button-outline:hover{background:#111;color:#fff}.text-link{font-weight:700}.source-note,.source-question{font-size:15px;color:#535353}
.page-banner{background:#eae9e5!important;border-color:#111;height:210px}.page-banner .banner-art{filter:grayscale(1);opacity:.92}.page-banner:after{content:'';position:absolute;left:0;bottom:0;height:7px;width:27%;background:var(--pink);pointer-events:none}.archive-search .page-banner{height:130px}.banner-toggle{background:#faf9f5!important;color:#111!important;border-color:#111!important;border-radius:0;box-shadow:none;font-size:14px}.banner-toggle:hover{background:#fff!important;color:#111!important}.banner-toggle-icon{display:none}
.collection-switcher a{border-radius:0;border-color:var(--line)}.collection-switcher a[aria-current]{background:#111;color:#fff;border-color:#111}.collection-switcher a[aria-current] span{color:#ddd}.collection-switcher a:hover{background:#eeede8;color:#111;border-color:#111}.collection-switcher a[aria-current]:hover span{color:#444}.collection-switcher span{color:#555}.checked,.neutral{background:#e8e7e3;color:#333}.partial,.review{background:#ffe2ef;color:#741137}.record-card,.search-panel,.compare-card,.standard-card,.meeting-card,.method-lab,.method-example,.scene-node,.document-result{border-radius:0}.record-card h3{font-weight:750}.record-bottom{border-color:var(--line)}.chart-bar{background:#e4e3df}.chart-bar span{background:#111}.chart-row:nth-child(2) .chart-bar span{background:#a3004b}.chart-row:nth-child(3) .chart-bar span{background:#174bcb}
.story-feature{border-color:#111;border-radius:0}.story-feature-visual{background:#111;color:#fff;--link-hover:#fff}.story-feature-visual:hover,.story-feature-visual:focus-visible{color:#fff;background:#222}.story-feature-visual p,.story-feature-visual small{color:#eee}.story-feature-shelter .story-feature-visual{background:#eeede8;color:#111;--link-hover:#111}.story-feature-shelter .story-feature-visual:hover,.story-feature-shelter .story-feature-visual:focus-visible{background:#e0dfdb;color:#111}.teaser-route b{border-color:#999;background:transparent}.teaser-route b:first-child{color:#111;background:var(--pink)}.story-scene,.method-lab,.media-note,.story-open-questions{background:#eeede8;border-color:#ccc}.scene-node{background:#fff;border-color:#ccc}.method-tabs button[aria-selected=true]{background:#111;color:#fff;border-color:#111}.method-tabs button[aria-selected=true] span,.method-tabs button[aria-selected=true] small{color:#eee}.method-example blockquote{color:#111}.method-tabs button{color:#111}.method-panel{color:#111}.method-panel p,.story-lead .public-deck,.evidence-beat p{color:#444}.method-example .eyebrow,.beat-date{color:#555}.evidence-beat blockquote{border-color:var(--pink)}.chapter-link{background:#eeede8;border-color:#ccc;border-radius:0}.chapter-link span{color:#333}.meeting-video{background:#111;border-color:#111;border-radius:0}.video-load{background:#111;color:#fff;--link-hover:#fff}.video-load:hover,.video-load:focus-visible{background:#272727;color:#fff}.video-load small{color:#ddd}.play-disc{color:var(--pink);border-color:var(--pink)}
.home-hero.civic-home{background:var(--paper);padding:0;border-bottom:1px solid #111;overflow:visible;position:relative}.civic-home .home-hero-inner{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-block:66px 72px;position:relative}.civic-home .home-copy{max-width:650px;position:static;color:#111}.civic-home .home-copy h1{font-size:clamp(48px,5.7vw,81px);line-height:.96;letter-spacing:-.065em;font-weight:900;text-transform:uppercase;margin-top:20px;max-width:690px}.civic-home .home-copy h1 span{color:#111;display:inline;background:linear-gradient(transparent 80%,var(--pink) 80%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.civic-home .home-lead{font-size:20px;line-height:1.6;color:#444;max-width:43ch;margin-top:28px}.civic-home .home-scope{font-size:16px;color:#555;margin-top:17px}.civic-home .home-actions{gap:20px;display:flex;flex-wrap:wrap;margin-top:28px}.civic-home .source-note{margin-top:20px;max-width:43ch;line-height:1.6}.civic-home .banner-control-wrap{position:static;padding-block:0 22px;justify-content:flex-end}.civic-home .banner-toggle{font-size:13px;min-height:44px}
.research-poster{position:relative;background:#111;color:#fff;padding:32px 30px;min-width:0;isolation:isolate;border:1px solid #111;box-shadow:11px 11px 0 var(--pink)}.poster-kicker{font-size:12px;letter-spacing:.1em;font-weight:700;color:#fff;border-bottom:1px solid #777;padding-bottom:16px}.poster-line{font-size:clamp(34px,4.4vw,60px);line-height:1.06;font-weight:900;letter-spacing:-.045em;padding-block:18px;border-bottom:1px solid #777;position:relative}.poster-line small{display:block;font-size:14px;letter-spacing:0;line-height:1.6;font-weight:400;margin-top:6px;color:#ccc}.poster-line:nth-of-type(2){color:var(--pink)}.poster-line:nth-of-type(3){color:#fff}.poster-line:nth-of-type(4){color:#fff}.poster-rule{position:absolute;left:0;right:0;top:18%;height:2px;background:var(--pink);opacity:0;pointer-events:none;z-index:-1}.poster-waves{height:28px;margin-block:22px 0;overflow:hidden;position:relative}.poster-wave-track{position:absolute;left:0;top:2px;width:200%;height:24px;background:repeating-radial-gradient(ellipse at 50% 130%,transparent 0 12px,#ff2e88 13px 14px,transparent 15px 26px);background-size:70px 22px}.poster-caption{font-size:13px;line-height:1.65;color:#ddd;margin-top:16px}.banner-motion-enabled .banner-in-view .poster-wave-track{animation:poster-tide 12s linear infinite}.banner-motion-enabled .banner-in-view .poster-rule{opacity:.55;animation:poster-scan 8s ease-in-out infinite}.banner-document-hidden .poster-wave-track,.banner-document-hidden .poster-rule{animation-play-state:paused!important}@keyframes poster-tide{to{transform:translateX(-70px)}}@keyframes poster-scan{50%{top:79%}100%{top:18%}}
.home-collection-strip{border-bottom:1px solid #111;background:#fff}.collection-strip-inner{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;padding-block:22px}.collection-strip-inner a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;gap:7px;text-decoration:none}.collection-strip-inner b{font-size:21px;font-weight:900}.collection-strip-inner a:hover{text-decoration:underline}.home-case{background:var(--paper);padding-block:64px}.home-case-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.1}.home-case-copy p{color:#4d4d4d}.power-route{background:#111;color:#fff;border-color:#111;border-radius:0;box-shadow:none;--link-hover:#fff}.power-route figcaption a{color:#fff}.formal-node{background:#292929;border-color:#777;color:#fff;border-radius:0}.formal-node:after{color:#bbb}.accountability-gap{background:#292929;color:#fff;border-color:#777}.accountability-gap span{color:var(--pink)}.informal-route>p{color:#ddd}.entry-point{background:#111;color:#fff;border-color:#888;border-radius:0}.entry-point:hover,.entry-point:focus-visible{background:#292929;color:#fff}.entry-point>span{background:var(--pink);color:#111}.entry-point small{color:#ddd}.route-caveat,.route-controls a{color:#ddd}.route-controls{border-color:#777}.home-evidence-layout{gap:65px}.flow-section{--link-hover:#fff}.flow-section .eyebrow,.flow-section .section-heading>p{color:#ddd}.simple-footer{border:0}footer{background:#111;color:#fff;border-top:0}.simple-footer p,.simple-footer nav a{color:#ddd}.simple-footer nav a:hover{color:#fff}
.archive-main{padding-block:52px 70px;max-width:980px}.archive-intro{margin-bottom:35px}.archive-intro h1{font-size:clamp(40px,6.7vw,76px);line-height:.98;font-weight:900;letter-spacing:-.055em;margin-top:17px}.archive-intro h1 span{color:#a3004b}.archive-intro>p:last-child{font-size:20px;line-height:1.6;max-width:65ch;margin-top:24px;color:#444}#archive-form fieldset{padding:0;border:0;margin:0;min-width:0}.archive-query-row{display:flex;border:2px solid #111;min-width:0}.archive-query-row input{width:100%;min-width:0;flex:1;border:0;padding:16px 18px;font-size:19px;background:#fff;color:#111;border-radius:0}.archive-query-row .button{border:0;min-width:120px}.archive-refine-row{display:flex;align-items:center;gap:20px;margin-top:16px;font-size:15px}.archive-refine-row select{font-size:15px;border-color:#777;border-radius:0;max-width:100%;min-width:0}.archive-starts{display:flex;gap:10px 26px;flex-wrap:wrap;margin-top:20px;font-size:15px}.archive-starts a{display:inline-flex;align-items:center;min-height:44px}.archive-search-meta{border-top:1px solid #b4b3ae;margin-top:30px;padding-top:24px}#archive-result-status{font-size:19px;font-weight:700}#archive-counts{font-size:14px;color:#444;margin-top:5px}.counting-note{font-size:14px;color:#666;line-height:1.6;margin-top:8px;max-width:76ch}.archive-hit{padding:28px 0;border-bottom:1px solid #b4b3ae;min-width:0}.hit-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#555}.source-chip{color:#111;background:#e8e7e3;padding:3px 9px;font-size:12px;font-weight:700}.source-town{border-left:3px solid var(--blue)}.source-facebook{border-left:3px solid #a3004b}.source-evidence{border-left:3px solid #111}.archive-hit h2{font-size:25px;line-height:1.35;margin-top:15px;max-width:68ch;overflow-wrap:anywhere}.archive-hit h2 a{text-decoration-thickness:1px}.archive-hit>p{font-size:17px;line-height:1.75;color:#444;margin-top:12px;max-width:78ch}.archive-hit .hit-status{font-size:13px;line-height:1.6;color:#555;margin-top:10px}.archive-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-block:25px 40px;font-size:15px}.archive-pagination button{border:1px solid #111;background:none;font-size:15px;font-weight:700;padding:9px 14px;min-height:44px}.archive-pagination button:hover:enabled{background:#111;color:#fff}.archive-pagination button:disabled{opacity:.4;cursor:default}.archive-scope{font-size:16px;border-block:1px solid #b4b3ae}.archive-scope summary{padding:18px 0;font-weight:700;cursor:pointer}.archive-scope p{margin-bottom:17px;max-width:78ch}.archive-collections{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin-top:35px}.archive-collections a{padding-block:10px;display:flex;flex-direction:column;gap:6px;text-decoration:none}.archive-collections b{font-size:18px}.archive-collections span{color:#555;font-size:15px}.archive-collections a:hover b{text-decoration:underline}.source-question{margin-top:35px}.source-question a{display:inline-flex;align-items:center;min-height:44px}.archive-empty{padding-block:35px}.story-archive-links{border-block:1px solid #ccc;padding-block:22px;margin-block:35px}.story-archive-links p{font-size:17px;margin-bottom:10px}.story-archive-links a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;margin-right:25px}
@media(max-width:850px){.civic-home .home-hero-inner{gap:35px;grid-template-columns:1fr 1fr}.civic-home .home-copy h1{font-size:53px}.research-poster{padding:25px 23px;box-shadow:7px 7px 0 var(--pink)}.poster-line{font-size:43px}.home-evidence-layout{gap:30px}.collection-strip-inner{gap:10px 23px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{gap:16px;flex-wrap:wrap;padding-block:19px}.brand{font-size:21px}.site-header nav{gap:27px;width:100%}.site-header nav a{font-size:15px}.civic-home .home-hero-inner{grid-template-columns:1fr;padding-block:38px 26px;gap:36px}.civic-home .home-copy h1{font-size:clamp(47px,10vw,69px);max-width:520px}.civic-home .home-lead{font-size:19px}.civic-home .home-scope{font-size:15px}.civic-home .home-actions{gap:15px}.civic-home .home-actions .button{font-size:16px;padding:12px 17px}.research-poster{padding:24px;max-width:500px;margin-right:8px;box-shadow:7px 7px 0 var(--pink)}.poster-line{font-size:42px;padding-block:14px}.poster-line small{font-size:13px}.poster-kicker{font-size:11px}.poster-waves{margin-top:17px}.poster-caption{font-size:12px}.civic-home .banner-control-wrap{padding-block:0 20px}.home-collection-strip .collection-strip-inner{gap:0;display:grid;grid-template-columns:1fr;padding-block:15px}.collection-strip-inner a{font-size:15px}.collection-strip-inner b{font-size:20px}.home-case{padding-block:40px}.home-evidence-layout{grid-template-columns:1fr;gap:30px}.archive-main{padding-top:35px}.archive-intro h1{font-size:clamp(39px,9.5vw,58px)}.archive-intro>p:last-child{font-size:18px}.archive-query-row input{font-size:16px;padding:12px;min-height:54px}.archive-query-row .button{min-width:80px;font-size:15px;padding:12px}.archive-refine-row{align-items:flex-start;flex-direction:column;gap:8px}.archive-refine-row select{width:100%}.archive-starts{gap:0 18px;font-size:14px}.archive-hit h2{font-size:23px}.hit-top{gap:8px}.archive-pagination{gap:8px;font-size:13px}.archive-pagination button{padding:8px;font-size:13px}.archive-collections{grid-template-columns:1fr;gap:8px}.archive-search .page-banner{height:95px}.page-banner{height:160px}.collection-switcher{gap:6px}.collection-switcher a{font-size:15px;padding:10px}.collection-switcher span{font-size:12px}}
@media(prefers-reduced-motion:reduce){a,button{transition:none}.poster-rule,.poster-wave-track{animation:none!important}}
@media print{.research-poster,.home-collection-strip,.archive-starts,.archive-pagination,.archive-collections{display:none}.archive-hit{break-inside:avoid}footer{background:#fff;color:#111}.simple-footer p,.simple-footer nav a{color:#111}}
/* The hero is one full-width section; only its inner wrapper is a grid. */
.home-hero.civic-home{display:block;width:100%;grid-template-columns:none}.civic-home .home-copy .eyebrow{color:#444}.home-page>.edition-bar{background:#111;color:#fff}.home-page .site-header{background:#111;color:#fff}.home-page .site-header nav a:hover{color:#ff95c3}
.civic-home .source-note{border-color:#111}.boundary-teaser,.boundary-teaser:hover,.boundary-teaser:focus-visible{background:#eeede8;color:#111;--link-hover:#111}.boundary-teaser p,.boundary-teaser small{color:#444}.boundary-teaser .teaser-route b{color:#111;border-color:#777}.boundary-teaser .teaser-route b:first-child{background:#ff2e88}
@media(max-width:650px){.research-poster .poster-line{font-size:clamp(32px,10vw,42px)}}
.archive-hit h2 a,.document-result h2 a,.story-feature-copy h2 a{display:block}
.home-page .collection-strip-inner a,.home-page .collection-strip-inner a:hover,.home-page .collection-strip-inner a:focus-visible{color:#111}.home-page .power-route figcaption a{color:#fff}.home-page .home-case-copy p{color:#4d4d4d}
.story-scene{background:#111;color:#fff;border-color:#111}.story-scene h2,.story-scene .scene-node h3{color:#fff}.story-scene .scene-node{background:#252525;color:#fff;border-color:#777}.story-scene .scene-node p,.story-scene .scene-limit{color:#ddd}.story-scene .scene-node a,.story-scene .scene-node a:hover{color:#ff95c3}.story-scene .scene-node .scene-date,.story-scene>.eyebrow{color:#ccc}

/* Four short main links also fit narrow readers. */
.site-header nav{gap:22px}@media(max-width:650px){.site-header nav{gap:18px}}
/* Dry-brush accents use a vector ink mask; the type stays clean and still. */
:root{--brush-mask:url('assets/brush-stroke.svg');--brush-underline:url('assets/brush-underline.svg')}
.brush-highlight{position:relative;isolation:isolate;display:inline-block;padding-bottom:.22em}
.brush-highlight:before{content:'';position:absolute;z-index:-1;inset:auto -.03em .015em;height:.2em;background:var(--pink);-webkit-mask:var(--brush-underline) center/100% 100% no-repeat;mask:var(--brush-underline) center/100% 100% no-repeat;pointer-events:none}
.button-apricot{position:relative;isolation:isolate;background:transparent;border-color:transparent;box-shadow:none;color:#111}
.button-apricot:before{content:'';position:absolute;z-index:-1;inset:-4px -8px;background:var(--pink);-webkit-mask:var(--brush-mask) center/100% 100% no-repeat;mask:var(--brush-mask) center/100% 100% no-repeat;pointer-events:none}
.button-apricot:hover,.button-apricot:focus-visible{background:transparent;color:#111}.button-apricot:hover:before{background:#ff66a8}
.page-banner:after{height:16px;width:35%;background:var(--pink);-webkit-mask:var(--brush-mask) center/100% 100% no-repeat;mask:var(--brush-mask) center/100% 100% no-repeat;bottom:-2px}
.site-header nav a[aria-current]{text-decoration-thickness:2px;text-underline-offset:8px;background:url('assets/brush-stroke.svg') center bottom/100% 7px no-repeat;text-decoration-color:transparent}
.waves-terms button.is-selected{box-shadow:none;background-image:url('assets/brush-stroke.svg');background-position:center bottom;background-size:100% 9px;background-repeat:no-repeat}

.archive-intro h1 span{display:inline-block;color:#111;background:url('assets/brush-underline.svg') center bottom/100% .2em no-repeat;padding-bottom:.22em}

/* Keep public participation one visible step away on every main page. */
.site-header nav a.nav-action{padding:6px 12px;min-height:44px;line-height:1.3;color:#111;white-space:nowrap}
.site-header nav a.nav-action:hover,.site-header nav a.nav-action:focus-visible{background:transparent;color:#111}
.home-page .site-header{--link-hover:#ff95c3}
.home-page .site-header a:focus-visible,.film-band :focus-visible,footer a:focus-visible,.screenshot-dialog-bar button:focus-visible{outline-color:#ff95c3}
@media(max-width:650px){.site-header nav{align-items:center;row-gap:10px}}
