/* Doorstep Decoded v1 identity — 2026-10-17. Keeps legacy HMO map/data behavior intact. */
:root{
 --navy:#0B2D4A;--teal:#0BA99D;--amber:#F6B21A;--coral:#FF6B6B;--lime:#84D441;--sky:#38B6FF;--cloud:#E6F2F8;--charcoal:#334155;
 --paper:#f7fbf9;--ink:#0B2D4A;--muted:#536879;--orange:#df5757;--yellow:#F6B21A;--blue:#38B6FF;--line:#d9e7e7;--white:#fff
}
body{background:var(--paper);color:var(--ink)}
.topbar{background:#fff;box-shadow:0 3px 18px #0b2d4a09;border-bottom:1px solid #cddede}
.brand{gap:10px;min-width:0;flex-shrink:0}.brand .dd-brand-symbol{height:54px;width:46px;object-fit:contain;flex:none}
.brand .dd-brand-name{display:flex;flex-direction:column;gap:0;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:800;font-size:20px;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.brand .dd-brand-name strong{color:#008f88;font-weight:900}
.brand .dd-brand-byline{display:block;margin-top:5px;letter-spacing:.035em;font-family:'DM Sans',system-ui,sans-serif;font-size:9px;font-weight:800;color:#536879;white-space:nowrap}
.topbar nav a:focus-visible,.brand:focus-visible,.dd-section a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.topbar .nav-admin{border-color:var(--navy);background:var(--cloud)}
.hero{background:linear-gradient(125deg,#fff 0,#f2fbfb 54%,#e6f2f8 100%)}
.hero-left{padding-top:76px}.hero h1{white-space:normal}.hero h1 em{color:#008f88}
.hero .eyebrow{color:#315d70}.hero-copy{color:#486072}
.dd-hero-art{display:grid;place-items:center;min-height:565px;background:radial-gradient(circle at 69% 21%,#ffefb2,transparent 30%),linear-gradient(135deg,#c5f4e7,#d9ebff 55%,#b7e0fb);border-left:1px solid #c7e2e1;isolation:isolate;position:relative}
.dd-hero-art:before,.dd-hero-art:after{content:"";position:absolute;border:2px dashed #0b2d4a2a;border-radius:50%;width:500px;height:500px;z-index:-1;transform:rotate(-18deg)}
.dd-hero-art:after{width:340px;height:340px;transform:rotate(32deg)}
.dd-hero-pin{display:block;width:min(70%,340px);height:min(80%,455px);filter:drop-shadow(12px 24px 14px #0b2d4a22)}
.dd-hero-stamp{position:absolute;left:7%;bottom:7%;font-size:11px;color:var(--navy);font-weight:900;letter-spacing:.12em;background:#fffde9f2;border:1px solid #8caabb;border-radius:100px;padding:11px 16px;box-shadow:4px 5px 0 #0b2d4a1c}
.dd-hero-glass{position:absolute;right:9%;top:10%;width:65px;height:65px;border-radius:50%;background:white;box-shadow:4px 6px 0 #0b2d4a17;padding:10px}
.dd-hero-glass img{display:block;width:100%;height:100%}
.dd-section-hub{padding:70px clamp(25px,7.1vw,118px) 79px;background:#fff}
.dd-hub-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:23px;flex-wrap:wrap}
.dd-hub-head h2{font-size:clamp(36px,4.5vw,60px);margin:10px 0;line-height:1.06;letter-spacing:-.055em}
.dd-hub-head h2 em{color:#008f88;font-style:normal}
.dd-hub-head>p{max-width:380px;font-size:14px;line-height:1.65;color:#536879;margin:0}
.dd-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dd-section{border:1px solid #d6e4e6;border-radius:18px;background:#f8fbfa;padding:21px 17px 20px;min-width:0;min-height:214px;display:flex;flex-direction:column;gap:8px;box-shadow:0 7px 17px #0b2d4a08;transition:box-shadow .2s,transform .2s}
.dd-section.dd-live{background:#ecfbf7;border:2px solid #078479;box-shadow:5px 6px 0 #bceadf}
.dd-section .dd-section-icon{width:50px;height:50px;border-radius:14px;background:var(--dd-color,#0BA99D);display:grid;place-items:center;color:#0b2d4a}
.dd-section-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}
.dd-section h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:9px 0 0;font-size:19px;line-height:1.18}
.dd-section p{font-size:12px;line-height:1.55;color:#526474;margin:0;flex:1}
.dd-section .dd-state{display:block;margin-top:auto;color:#536879;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.dd-section.dd-live .dd-state{color:#006b63}
.dd-section a{font-weight:900;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:#006f67}
.dd-section:hover{box-shadow:0 10px 25px #0b2d4a14;transform:translateY(-2px)}
.dd-section.dd-live:hover{box-shadow:6px 8px 0 #bceadf}
.dd-section .dd-in-dev{font-size:10px;color:#627589}
.statstrip{background:#0b2d4a;color:#fff;border:0}.statstrip>div{border-right-color:#ffffff30}.statstrip p{color:#e5f8fc}
.statstrip b{color:#7de4d5}
.map-overline{color:#0b2d4a}
.section-head h2 em,.report-intro h2 em,.admin-main h1 em{color:#008f88}
.btn-dark{background:#0b2d4a;color:white}.btn-dark span{color:var(--amber)}
.council-detail{background:#fff2bf;border-color:var(--navy)}
.disclaimer{background:#fff2bf}
footer{background:#0b2d4a;color:#fff}
footer .footer-brand{text-decoration:none;color:white;display:flex;align-items:center;gap:12px}
footer .footer-brand img{width:32px;height:38px}
footer .footer-brand .dd-footer-word{line-height:1.2;display:block}
footer .footer-brand .dd-footer-word strong{display:block;color:#88e1d6;font-size:18px}
footer .dd-footer-note{display:block;font-size:10px;margin-top:4px;color:#cadce9}
.member-status.status-approved{background:#8de1d2}
body.admin-body{background:#f0f7f7}
@media(max-width:1100px){.dd-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){
 .topbar{height:72px;padding:0 17px}
 .brand .dd-brand-symbol{height:43px;width:39px}
 .brand .dd-brand-name{font-size:17px}
 .brand .dd-brand-byline{font-size:8px}
 .hero-left{padding-top:52px}
 .dd-hero-art{min-height:330px;border-left:0;border-top:1px solid #c7e2e1}
 .dd-hero-pin{height:290px;width:230px}
 .dd-hero-glass{width:46px;height:46px}
 .dd-hero-stamp{font-size:9px;left:5%;bottom:4%}
 .dd-section-hub{padding:48px 21px 54px}
 .dd-sections{gap:10px}
 .dd-section{min-height:218px;padding:17px 12px}
 .dd-section h3{font-size:17px}
 .dd-section p{font-size:11px}
 .dd-section .dd-section-icon{width:43px;height:43px}
 .dd-section-icon svg{width:25px;height:25px}
}
@media(max-width:380px){.dd-sections{grid-template-columns:1fr}.dd-section{min-height:170px}}
@media(prefers-reduced-motion:reduce){.dd-section{transition:none}.dd-section:hover{transform:none}}