/* ============================================================
   AE-PCRN platform — design system
   ============================================================ */
:root{
  --ink:#08182F; --ink-1:#0A1E3C; --ink-2:#0D264A; --ink-3:#123256;
  --green:#1F9E44; --green-bright:#4ECB71; --green-deep:#15803A;
  --sand:#E9B35F;
  --paper:#F5F8FC; --paper-2:#E9F0F8;
  --slate:#4C5D79; --slate-2:#67789A; --mist:#AEBFDB; --mist-dim:#788CB0;
  --white:#FFFFFF; --line-light:#DCE6F2; --line-dark:rgba(174,191,219,.15);
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-data:'Space Grotesk','Inter',sans-serif;
  --wrap:1180px; --pad-y:clamp(70px,9vw,120px); --r:16px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:var(--green-bright);color:var(--ink)}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:200;background:#fff;padding:10px 16px;border-radius:8px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.08;letter-spacing:-.018em}
.eyebrow{font-family:var(--font-data);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--green-deep);display:inline-flex;align-items:center;gap:.7em}
.eyebrow::before{content:"";width:24px;height:1.5px;background:var(--green)}
.on-dark .eyebrow{color:var(--green-bright)}
.on-dark .eyebrow::before{background:var(--green-bright)}
.section-title{font-size:clamp(2rem,4.2vw,3.1rem);margin:.42em 0 .42em}
.lede{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--slate);max-width:62ch;line-height:1.55}
.on-dark .lede{color:var(--mist)}
p.body{color:var(--slate)} .on-dark p.body{color:var(--mist)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-data);font-weight:600;font-size:.92rem;padding:.85em 1.5em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 8px 22px -10px rgba(31,158,68,.5)}
.btn-green:hover{background:var(--green-deep)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2)}
.btn-ghost{border-color:var(--line-light);color:var(--slate)}
.btn-ghost:hover{border-color:var(--green);color:var(--green-deep)}
.on-dark .btn-ghost{border-color:var(--line-dark);color:var(--mist)}
.on-dark .btn-ghost:hover{border-color:var(--green-bright);color:var(--green-bright)}
.btn .arw{transition:transform .2s var(--ease)} .btn:hover .arw{transform:translateX(3px)}
.btn-block{width:100%;justify-content:center}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-light)}
.navrow{max-width:var(--wrap);margin:0 auto;padding:12px clamp(20px,5vw,40px);display:flex;align-items:center;gap:20px}
.brand{flex:none} .brand img{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav a{font-family:var(--font-data);font-size:.88rem;font-weight:500;color:var(--slate);position:relative;padding:4px 0;transition:color .2s;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--green);transition:width .25s var(--ease)}
.nav a:hover{color:var(--ink)} .nav a:hover::after{width:100%}
.nav a.active{color:var(--green-deep)}
.nav .sep{width:1px;height:20px;background:var(--line-light);padding:0}
.nav .cta{font-family:var(--font-data);font-size:.88rem;font-weight:600;color:#fff;background:var(--green);padding:.55em 1.1em;border-radius:999px;transition:background .2s,transform .2s}
.nav .cta::after{display:none}
.nav .cta:hover{background:var(--green-deep);transform:translateY(-1px)}
.menu-btn{display:none;margin-left:auto;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.menu-btn span{width:24px;height:2px;background:var(--ink);border-radius:2px}

/* footer */
.site-footer{background:var(--ink-1);color:var(--mist);border-top:1px solid var(--line-dark);padding:clamp(48px,6vw,72px) 0 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.site-footer .brand img{height:40px;margin-bottom:16px}
.site-footer p{font-size:.92rem;max-width:36ch;color:var(--mist-dim)}
.foot-col h4{font-family:var(--font-data);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-dim);margin-bottom:14px}
.foot-col a{display:block;font-size:.94rem;color:var(--mist);padding:5px 0;transition:color .2s}
.foot-col a:hover{color:var(--green-bright)}
.foot-bottom{max-width:var(--wrap);margin:32px auto 0;padding:20px clamp(20px,5vw,40px) 0;border-top:1px solid var(--line-dark);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-family:var(--font-data);font-size:.82rem;color:var(--mist-dim)}

/* sections */
section{padding:var(--pad-y) 0}
.on-dark{background:var(--ink);color:#fff} .on-dark .section-title{color:#fff}
.on-paper2{background:var(--paper-2)}
.section-head{max-width:64ch;margin-bottom:clamp(38px,5vw,60px)}

/* page hero (inner pages) */
.page-hero{background:var(--ink);color:#fff;padding:clamp(60px,9vw,110px) 0 clamp(48px,6vw,72px);position:relative;overflow:hidden}
.page-hero .bg{position:absolute;inset:0;background:radial-gradient(70% 60% at 85% 10%,rgba(31,158,68,.16),transparent 60%)}
.page-hero .wrap{position:relative}
.page-hero .crumb{font-family:var(--font-data);font-size:.8rem;color:var(--mist-dim);margin-bottom:14px}
.page-hero .crumb a:hover{color:var(--green-bright)}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem);color:#fff;max-width:20ch}
.page-hero .sub{margin-top:.6em;color:var(--mist);max-width:60ch;font-size:clamp(1.02rem,1.4vw,1.18rem)}

/* home hero + map */
.home-hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:clamp(56px,7vw,92px) 0 clamp(56px,7vw,88px)}
.home-hero .bg{position:absolute;inset:0;background:radial-gradient(80% 60% at 88% 12%,rgba(31,158,68,.14),transparent 60%),radial-gradient(70% 70% at 6% 96%,rgba(78,203,113,.08),transparent 60%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4vw,56px);align-items:center}
.home-hero h1{font-size:clamp(2.4rem,5.2vw,4.1rem);color:#fff;max-width:15ch;margin:.4em 0 .48em}
.home-hero h1 em{font-style:italic;color:var(--green-bright);font-weight:400}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:2.1em}
.netmap-wrap{position:relative;width:100%;max-width:520px;margin-left:auto;aspect-ratio:520/560}
#netmap{width:100%;height:100%;overflow:visible}
.grat{stroke:rgba(174,191,219,.10);stroke-width:.8;fill:none}
.grat-lab{fill:rgba(174,191,219,.30);font-family:var(--font-data);font-size:8px;letter-spacing:.08em}
.spoke{stroke:var(--green-bright);stroke-width:1;fill:none;opacity:.32;transition:opacity .25s,stroke-width .25s}
.node .dot{transition:r .25s var(--ease),fill .25s}
.node .halo{fill:none;stroke:var(--green-bright);opacity:0;transition:opacity .25s}
.node.hub .dot{fill:var(--green-bright)}
.node .lbl{fill:var(--mist);font-family:var(--font-data);font-size:11px;font-weight:500;opacity:.9}
.node.hot .dot{fill:#7CE79A} .node.hot .halo{opacity:.5} .node.hot .lbl{fill:#fff}
.spoke.hot{opacity:.85;stroke-width:1.4}
.center-core{fill:var(--green-bright)} .center-ring{fill:none;stroke:var(--green-bright);opacity:.35}
.center-lbl{fill:#fff;font-family:var(--font-data);font-size:10px;font-weight:600;letter-spacing:.14em}
.reachdot{fill:rgba(174,191,219,.3)}
@media (prefers-reduced-motion:no-preference){
  .pulse{animation:pulse 3.4s ease-out infinite}
  @keyframes pulse{0%{r:9;opacity:.5}70%{r:26;opacity:0}100%{r:26;opacity:0}}
  #netmap .draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1s var(--ease) forwards}
  @keyframes draw{to{stroke-dashoffset:0}}
  #netmap .pop{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;animation:pop .5s var(--ease) forwards}
  @keyframes pop{to{opacity:1;transform:scale(1)}}
  #netmap .fade{opacity:0;animation:fadein .6s ease forwards}
  @keyframes fadein{to{opacity:.9}}
}

/* value band */
.valueband{background:var(--ink-1);color:#fff;border-top:1px solid var(--line-dark)}
.valueband .grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--wrap);margin:0 auto}
.valueband .cell{padding:clamp(32px,4vw,48px) clamp(20px,3vw,32px);border-right:1px solid var(--line-dark)}
.valueband .cell:last-child{border-right:0}
.valueband .vh{font-family:var(--font-data);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.5rem);color:var(--green-bright);line-height:1.15}
.valueband .tick{width:26px;height:2px;background:var(--green);margin:.8em 0}
.valueband .lab{color:var(--mist);font-size:.94rem}

/* cards + chips */
.cards{display:grid;gap:20px}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--white);border:1px solid var(--line-light);border-radius:var(--r);padding:28px 26px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(8,24,47,.42);border-color:#C7D5E8}
.on-dark .card{background:var(--ink-2);border-color:var(--line-dark)}
.on-dark .card:hover{border-color:rgba(78,203,113,.42)}
.card .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:rgba(31,158,68,.1);color:var(--green-deep);margin-bottom:16px}
.on-dark .card .ic{background:rgba(78,203,113,.12);color:var(--green-bright)}
.card h3{font-family:var(--font-body);font-weight:600;font-size:1.06rem;line-height:1.3;margin-bottom:.45em}
.on-dark .card h3{color:#fff}
.card p{font-size:.95rem;color:var(--slate)} .on-dark .card p{color:var(--mist)}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(38px,6vw,80px);align-items:start}
.sub-label{font-family:var(--font-data);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);margin-bottom:12px}
.on-dark .sub-label{color:#8EA1C4}
.hubs{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.hub{font-family:var(--font-data);font-size:.9rem;font-weight:500;color:var(--ink);background:var(--white);border:1px solid var(--line-light);border-radius:999px;padding:.5em 1.05em;display:inline-flex;align-items:center;gap:.5em}
.hub::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.on-dark .hub{background:var(--ink-2);border-color:var(--line-dark);color:#fff}
.chip{font-family:var(--font-data);font-size:.84rem;font-weight:500;color:var(--slate);background:var(--white);border:1px solid var(--line-light);border-radius:8px;padding:.5em .9em}
.rail{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* leadership */
.lead-block{margin-top:clamp(28px,4vw,42px)}
.lead-grid{display:flex;flex-wrap:wrap;gap:26px 48px;margin-top:8px}
.person{display:flex;align-items:center;gap:16px;min-width:230px}
.avatar{width:56px;height:56px;flex:none;border-radius:50%;background:var(--ink-2);border:1.5px solid var(--green-bright);color:var(--green-bright);display:grid;place-items:center;font-family:var(--font-data);font-weight:700;font-size:1.02rem}
.p-name{font-weight:600;font-size:1.05rem} .on-dark .p-name{color:#fff}
.p-role{font-family:var(--font-data);font-size:.86rem;color:var(--slate-2)} .on-dark .p-role{color:var(--mist)}

/* publications */
.pub{display:flex;flex-direction:column;gap:14px}
.pub-tag{align-self:flex-start;font-family:var(--font-data);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);background:rgba(31,158,68,.1);padding:.4em .7em;border-radius:6px}
.pub h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem;line-height:1.2}
.pub .avail{margin-top:auto;font-family:var(--font-data);font-size:.82rem;color:var(--slate-2)}
.inline-link{color:var(--green-deep);font-weight:600} .inline-link:hover{color:var(--green)}

/* forms */
.form-card{background:#fff;border:1px solid var(--line-light);border-radius:var(--r);padding:clamp(26px,4vw,40px);box-shadow:0 24px 60px -40px rgba(8,24,47,.4)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:block;margin-bottom:18px}
.field > span{display:block;font-family:var(--font-data);font-size:.82rem;font-weight:500;color:var(--slate);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-light);border-radius:10px;padding:.72em .9em;transition:border-color .2s,background .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);background:#fff}
.field textarea{min-height:130px;resize:vertical}
.check{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;color:var(--slate);margin-bottom:20px}
.check input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--green)}
.form-note{font-size:.86rem;color:var(--slate-2);margin-top:14px}
.form-note a{color:var(--green-deep);font-weight:600}

/* auth pages */
.auth{min-height:70vh;display:grid;place-items:center;padding:clamp(48px,7vw,90px) 0}
.auth-card{width:100%;max-width:440px}
.auth-card h1{font-size:clamp(1.8rem,3vw,2.3rem);margin-bottom:.3em}
.auth-card .sub{color:var(--slate);margin-bottom:26px}
.auth-alt{text-align:center;margin-top:20px;font-size:.92rem;color:var(--slate)}
.auth-alt a{color:var(--green-deep);font-weight:600}

/* flash */
.flashwrap{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:80;width:min(560px,92vw);display:grid;gap:10px}
.flash{padding:13px 18px;border-radius:10px;font-size:.92rem;font-weight:500;box-shadow:0 12px 30px -14px rgba(8,24,47,.4)}
.flash.success{background:#e7f7ec;color:#155f2e;border:1px solid #b8e6c6}
.flash.error{background:#fdeceb;color:#8a2318;border:1px solid #f4c7c2}
.flash.info{background:#eaf1fb;color:#274a80;border:1px solid #c5d8f2}

/* portal dashboard */
.dash{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 69px)}
.dash-side{background:var(--ink);color:var(--mist);padding:32px 22px}
.dash-side .who{padding-bottom:20px;margin-bottom:12px;border-bottom:1px solid var(--line-dark)}
.dash-side .who strong{color:#fff;display:block;font-size:1.02rem}
.dash-side .who span{font-size:.84rem;color:var(--mist-dim)}
.dash-side a{display:block;font-family:var(--font-data);font-size:.92rem;color:var(--mist);padding:11px 12px;border-radius:9px;transition:background .2s,color .2s}
.dash-side a:hover,.dash-side a.active{background:var(--ink-2);color:#fff}
.dash-side a.signout{color:var(--green-bright);margin-top:14px}
.dash-main{padding:clamp(28px,4vw,48px);background:var(--paper)}
.dash-main h1{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.2em}
.dash-main .hello{color:var(--slate);margin-bottom:30px}
.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dash-card{background:#fff;border:1px solid var(--line-light);border-radius:14px;padding:24px}
.dash-card .ic{width:40px;height:40px;border-radius:10px;background:rgba(31,158,68,.1);color:var(--green-deep);display:grid;place-items:center;margin-bottom:14px}
.dash-card h3{font-family:var(--font-body);font-weight:600;font-size:1.04rem;margin-bottom:.35em}
.dash-card p{font-size:.92rem;color:var(--slate)}
.dash-card .tagpend{display:inline-block;margin-top:12px;font-family:var(--font-data);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-2);background:var(--paper-2);padding:.35em .7em;border-radius:6px}
.profile-box{background:#fff;border:1px solid var(--line-light);border-radius:14px;padding:26px;max-width:640px;margin-top:8px}
.profile-box dl{display:grid;grid-template-columns:150px 1fr;gap:12px 20px;font-size:.95rem}
.profile-box dt{color:var(--slate-2);font-family:var(--font-data);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;align-self:center}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* responsive */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .netmap-wrap{max-width:420px;margin:0 auto;order:2}.hero-copy{order:1}
  .two-col{grid-template-columns:1fr;gap:38px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .valueband .grid{grid-template-columns:repeat(2,1fr)}
  .valueband .cell:nth-child(2){border-right:0}
  .valueband .cell:nth-child(1),.valueband .cell:nth-child(2){border-bottom:1px solid var(--line-dark)}
  .cards.c4,.cards.c3{grid-template-columns:repeat(2,1fr)}
  .dash{grid-template-columns:1fr}
  .dash-side{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:16px}
  .dash-side .who{width:100%;border-bottom:0;padding-bottom:8px;margin-bottom:0}
  .dash-cards{grid-template-columns:1fr}
}
@media(max-width:720px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line-light);padding:8px 0;margin:0}
  .site-header.open .nav{display:flex}
  .nav a{padding:13px clamp(20px,5vw,40px)}.nav a::after{display:none}
  .nav .sep{display:none}
  .nav .cta{margin:10px clamp(20px,5vw,40px);text-align:center}
  .menu-btn{display:flex}
  .brand img{height:38px}
  .form-row{grid-template-columns:1fr}
  .cards.c4,.cards.c3,.cards.c2{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .profile-box dl{grid-template-columns:1fr}
}

/* honeypot */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}

/* three-doors audience selector */
.doors-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.door-tab{text-align:left;background:#fff;border:1.5px solid var(--line-light);border-radius:14px;padding:22px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;font-family:inherit}
.door-tab:hover{transform:translateY(-3px);box-shadow:0 16px 36px -24px rgba(8,24,47,.4)}
.door-tab.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,158,68,.12)}
.door-tab .dn{font-family:var(--font-data);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);margin-bottom:8px;display:block}
.door-tab h3{font-family:var(--font-display);font-weight:500;font-size:1.18rem;line-height:1.15}
.door-panels{margin-top:20px}
.door-panel{display:none;background:#fff;border:1px solid var(--line-light);border-radius:14px;padding:clamp(24px,3vw,34px)}
.door-panel.active{display:block}
.door-panel h3{font-family:var(--font-display);font-weight:500;font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:.4em}
.door-panel p{color:var(--slate);max-width:62ch}
.door-panel .hero-cta{margin-top:20px}

/* admin */
.admin-wrap{overflow-x:auto}
.admin-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line-light);border-radius:12px;overflow:hidden;font-size:.92rem;min-width:640px}
.admin-table th,.admin-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-light);vertical-align:top}
.admin-table th{font-family:var(--font-data);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-2);background:var(--paper-2)}
.admin-table tr:last-child td{border-bottom:0}
.badge{display:inline-block;font-family:var(--font-data);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3em .6em;border-radius:6px}
.badge.ok{background:#e7f7ec;color:#155f2e}
.badge.pend{background:#fff4e0;color:#8a5a13}
.badge.new{background:#eaf1fb;color:#274a80}
.badge.muted{background:var(--paper-2);color:var(--slate-2)}
.iform{display:inline}
.iform button{background:none;border:0;cursor:pointer;font-family:var(--font-data);font-size:.82rem;font-weight:600;padding:4px 8px;border-radius:6px}
.btn-approve{color:#155f2e} .btn-approve:hover{background:#e7f7ec}
.btn-off{color:#8a2318} .btn-off:hover{background:#fdeceb}
/* auto-fit rather than a fixed 4 columns: these rows now carry 3, 4 or 6 stats
   (network, leadership, about, home, admin dashboard) and a fixed count left gaps */
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px}
.stat{background:#fff;border:1px solid var(--line-light);border-radius:12px;padding:20px}
.stat .n{font-family:var(--font-data);font-weight:700;font-size:2rem;color:var(--green-deep);line-height:1}
.stat .l{font-size:.85rem;color:var(--slate-2);margin-top:6px}
.announce{background:var(--ink-1);color:var(--mist);font-family:var(--font-data);font-size:.82rem;text-align:center;padding:8px 16px;border-bottom:1px solid var(--line-dark)}

@media(max-width:720px){ .doors-tabs{grid-template-columns:1fr} }