:root{--teal-900: #0f3b3b;--teal-700: #1f6f6f;--teal-600: #1f8e8b;--teal-500: #26a7a2;--teal-100: #e7f5f4;--teal-050: #f3fbfb;--signal: #0a5f5d;--ink: #143232;--muted: #517070;--line: #d7e8e8;--surface: #ffffff;--surface-alt: #f7fbfb;--maxw: 1080px;--radius: 16px;--shadow-sm: 0 1px 2px rgba(10, 34, 34, .06);--shadow-md: 0 10px 26px rgba(18, 56, 56, .08);font-family:Manrope,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(110% 60% at 50% -15%,#e8f6f5 0%,transparent 72%),linear-gradient(180deg,#f5fbfb,#fdfefe 58%,#fff)}.wrap{max-width:var(--maxw);margin:clamp(16px,3.5vw,50px) auto;padding:clamp(18px,3vw,34px);background:#fcfefe;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.wrap:before{content:"CIVIC NOISE ACTION";position:absolute;top:0;right:0;padding:6px 12px;font-size:10px;letter-spacing:.08em;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--teal-700),var(--signal));border-bottom-left-radius:12px}header{display:flex;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.logo{width:100px;height:100px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fdfd);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo img{width:125%;height:125%;object-fit:contain}h1,.page-title,.card h2,.card h3,.card h4,.stat strong{font-family:Sora,Manrope,sans-serif}h1{margin:0;font-size:clamp(2rem,5.2vw,3.2rem);line-height:1.02;letter-spacing:-.01em;color:var(--teal-900)}.page-title{margin:0;font-size:clamp(1.75rem,4.3vw,2.6rem);line-height:1.08;letter-spacing:-.01em}.lead{color:var(--muted);margin-top:8px;margin-bottom:0;max-width:68ch;font-size:clamp(1rem,1.4vw,1.12rem);font-family:Manrope,Segoe UI,sans-serif;font-weight:600;line-height:1.4}h2.lead{letter-spacing:-.01em}.site-nav{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.site-nav a{color:var(--teal-700);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.01em;padding:8px 12px;border-radius:999px;border:1px solid #cae4e4;background:#f8fdfd;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.site-nav a:hover{transform:translateY(-1px);color:var(--teal-900);border-color:#b5d8d8;background:#f2fbfb}.site-nav a[aria-current=page]{color:#fff;background:linear-gradient(180deg,var(--teal-600),var(--teal-700));border-color:var(--teal-700);box-shadow:0 6px 14px #1f6f6f33}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:22px;align-items:start}.hero.single{grid-template-columns:1fr}.card{background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;animation:card-enter .5s cubic-bezier(.2,.8,.2,1) both}.card:hover{border-color:#c6dddd;box-shadow:0 8px 22px #18484817;transform:translateY(-1px)}.card+.card{margin-top:12px}.card.status-quo{position:relative;border:2px solid var(--teal-700);background:linear-gradient(180deg,#f8fefe,#eef9f8);box-shadow:0 12px 24px #12545424}.card.status-quo:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:16px 0 0 16px;background:linear-gradient(180deg,var(--teal-500),var(--teal-700))}.status-kicker{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:999px;background:#dff3f2;color:var(--teal-900);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.card.status-quo h2,.card.status-quo p strong{color:var(--teal-900)}.card h2,.card h3,.card h4{margin:0 0 9px;line-height:1.16;letter-spacing:-.01em;color:var(--teal-900);position:relative}.card h2:after,.card h3:after,.card h4:after{content:"";display:block;width:44px;height:3px;margin-top:7px;border-radius:999px;background:linear-gradient(90deg,var(--teal-500),transparent)}.card p{margin-top:0}.card p:last-child{margin-bottom:0}.card ul,.card ol{margin:10px 0 0;padding-left:20px}.card li+li{margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.stat{padding:11px;border-radius:12px;background:#fff;border:1px solid #bfe0df;text-align:center}.stat small{display:block;font-size:11px;color:var(--muted);letter-spacing:.03em}.stat strong{display:block;margin-top:4px;font-size:1rem;color:var(--teal-900)}.muted{color:var(--muted);font-size:12px}.audio-list audio{width:100%;margin-top:10px;border-radius:999px}.evidence img{max-width:100%;border-radius:10px;border:1px solid var(--line)}.cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.btn{background:linear-gradient(180deg,var(--teal-500),var(--teal-700));color:#fff;padding:10px 14px;border-radius:10px;border:1px solid var(--signal);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #14605e47;filter:saturate(1.1)}.btn.ghost{background:#fff;color:var(--signal);border-color:#9ecfce}.btn.ghost:hover{box-shadow:none;background:#edf8f8}.link-list{margin:0;padding-left:18px}.link-list li+li{margin-top:8px}.link-list a{color:var(--teal-700);font-weight:700;text-underline-offset:2px}.link-list a:hover{color:var(--teal-900)}.home-update-list{margin:0;padding:0;list-style:none}.home-update-list li+li{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.home-update-list a{display:inline-block;color:var(--teal-700);font-weight:700;line-height:1.35;text-underline-offset:2px}.home-update-list a:hover{color:var(--teal-900)}.home-update-date{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}a{color:var(--teal-700)}a:hover{color:var(--teal-900)}footer{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.hero{grid-template-columns:1fr}}@media(max-width:760px){.wrap{border-radius:14px}.wrap:before{font-size:9px;padding:5px 10px}header{flex-direction:column;align-items:flex-start}.logo{width:84px;height:84px}.stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
