/* SEI 2026 site — SENIC light theme with the Observatory's night-sky band.
   Layout: one content column (max 1180px); dark "observatory" hero, light evidence sections below. */
:root{
  --ink:#14261C;          /* SENIC dark accent: hero sky, headings */
  --green:#1BAE70;        /* SENIC primary: actions */
  --green-2:#06752E;      /* hover, positive change */
  --bg:#F4F6F4;           /* page */
  --surface:#FFFFFF;      /* cards */
  --text:#4E5652;         /* body */
  --head:#14261C;         /* headings on light */
  --muted:#6B746F;
  --line:#E0E5E0;
  --sky:#14261C; --sky-text:#E8F0EB; --sky-muted:#A9BBB0; --star:#FFFFFF;
  --d-eco:#1F99E3; --d-leg:#E5BF00; --d-fin:#009B54; --d-ins:#F7666B; --d-pol:#14261C;
  --neg:#C2463F;
  --chart-grid:#D5DCD7; --chart-avg:#8A958F;
  --font:'Roboto',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sm:4px; --r-md:8px; --r-lg:12px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ink:#0C1610; --green:#2FCB86; --green-2:#7EE0B2; --bg:#0F1813; --surface:#16231B; --text:#C9D6CE; --head:#EEF5F0; --muted:#93A39A;
  --line:#26372D; --sky:#0A120D; --sky-text:#E8F0EB; --sky-muted:#93A39A; --star:#E8F0EB;
  --d-eco:#4DB3F0; --d-leg:#F2CF2E; --d-fin:#25C77A; --d-ins:#FF8A8E; --d-pol:#E8F0EB; --neg:#FF8A80;
  --chart-grid:#2C3E33; --chart-avg:#7E8D85; color-scheme:dark}}
:root[data-theme="dark"]{
  --ink:#0C1610; --green:#2FCB86; --green-2:#7EE0B2; --bg:#0F1813; --surface:#16231B; --text:#C9D6CE; --head:#EEF5F0; --muted:#93A39A;
  --line:#26372D; --sky:#0A120D; --sky-text:#E8F0EB; --sky-muted:#93A39A; --star:#E8F0EB;
  --d-eco:#4DB3F0; --d-leg:#F2CF2E; --d-fin:#25C77A; --d-ins:#FF8A8E; --d-pol:#E8F0EB; --neg:#FF8A80;
  --chart-grid:#2C3E33; --chart-avg:#7E8D85; color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font)}
a{color:var(--green-2)} a:hover{color:var(--green)}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
h1,h2,h3,h4{color:var(--head);text-wrap:balance;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.num{font-variant-numeric:tabular-nums}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green-2)}
.eyebrow::before{content:"";width:32px;height:1px;background:currentColor}
.sec{padding-block:72px}
.sec h2{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.1;margin-top:12px}
.lede{font-size:18px;max-width:62ch;margin:14px 0 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--r-md);font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;transition:background-color .2s,color .2s,border-color .2s}
.btn.primary{background:var(--green);color:#fff} .btn.primary:hover{background:var(--green-2);color:#fff}
.btn.ghost{border-color:currentColor;color:inherit} .btn.ghost:hover{background:rgba(255,255,255,.08)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--sky)}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--sky);color:var(--sky-text);border-bottom:1px solid rgba(255,255,255,.08)}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:68px;flex-wrap:wrap;padding-block:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;margin-right:auto}
.brand img{height:52px;width:auto;display:block}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:var(--sky-text);text-decoration:none;font-size:14px;font-weight:500;padding:8px 10px;border-radius:var(--r-md)}
.nav a:hover,.nav a[aria-current="page"]{background:rgba(255,255,255,.08);color:#fff}
.tools{display:flex;gap:8px;align-items:center}
.tools select,.tools button{font:500 13px var(--font);color:var(--sky-text);background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);padding:7px 10px;cursor:pointer}
.tools select option{color:#14261C}

/* hero: the observatory band */
.hero{position:relative;background:var(--sky);color:var(--sky-text);overflow:hidden}
.hero canvas.stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-block:64px 72px}
.hero .eyebrow{color:#7EE0B2}
.hero h1{color:#fff;font-size:clamp(34px,5.4vw,58px);font-weight:900;line-height:1.04;margin-top:16px;letter-spacing:-.01em}
.hero p.lede{color:var(--sky-text);opacity:.92}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero .fig{min-width:0}
.hero .figcap{font-size:13px;color:var(--sky-muted);margin-top:6px;display:flex;gap:16px;flex-wrap:wrap}
.key{display:inline-flex;align-items:center;gap:6px}
.key i{display:inline-block;width:18px;height:0;border-top:2px solid currentColor}
.key i.dash{border-top-style:dashed}

/* facts band */
.facts{background:var(--surface);border-bottom:1px solid var(--line)}
.facts .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-block:22px}
.fact b{display:block;font-size:28px;font-weight:900;color:var(--head);line-height:1.1}
.fact span{font-size:13px;color:var(--muted)}

/* strip chart */
.strip{margin-top:32px;padding:20px 20px 12px;overflow-x:auto}
.strip svg{display:block;min-width:640px;width:100%;height:auto}
.strip text{font-family:var(--font);fill:var(--text)}
.strip .lab{font-size:12px;font-weight:700;fill:var(--head)}
.strip .tick{font-size:11px;fill:var(--muted)}
.strip .grid{stroke:var(--chart-grid);stroke-width:1}
.strip .dot{fill:var(--green);fill-opacity:.85;stroke:var(--surface);stroke-width:1.5}
.strip .dot.hi{fill:var(--ink)} :root[data-theme="dark"] .strip .dot.hi{fill:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .strip .dot.hi{fill:#fff}}
.strip .mean{stroke:var(--head);stroke-width:2}
.strip .note{font-size:11px;fill:var(--muted)}
.strip .cname{font-size:11px;font-weight:500;fill:var(--head)}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:8px}

/* diamond explainer */
.dims{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:32px}
.dim{padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.dim .sw{width:28px;height:28px;border-radius:50%;flex:none}
.dim .sw.dia{border-radius:2px;transform:rotate(45deg) scale(.8)}
.dim h3{font-size:18px;font-weight:700}
.dim p{font-size:14px;margin:0;line-height:1.5}
.dim .meta{font-size:12px;color:var(--muted);margin-top:auto}
.bars{display:grid;gap:4px;margin-top:6px}
.bar{display:grid;grid-template-columns:44px 1fr 32px;gap:6px;align-items:center;font-size:11px;color:var(--muted)}
.bar i{display:block;height:6px;background:var(--line);border-radius:3px;position:relative;overflow:hidden}
.bar i b{position:absolute;inset:0 auto 0 0;border-radius:3px}

/* countries */
.regions{display:grid;gap:26px;margin-top:28px}
.reg h3{font-size:15px;font-weight:700;display:flex;gap:10px;align-items:baseline}
.reg h3 span{font-weight:400;color:var(--muted);font-size:13px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px}
.cc{display:flex;flex-direction:column;gap:6px;padding:12px 14px;text-decoration:none;color:var(--head)}
.cc:hover{border-color:var(--green)}
.cc .row{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:14px}
.cc .row span:last-child{font-variant-numeric:tabular-nums}
.cc .track{height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.cc .track b{display:block;height:100%;background:var(--green)}

/* releases */
.rel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:28px}
.rel .card{padding:22px}
.rel h3{font-size:18px;font-weight:700}
.rel ul{margin:10px 0 0;padding-left:18px;font-size:14px}
.pubs{display:grid;gap:10px}
.pub{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px}
.pub b{color:var(--head);font-size:15px}
.pub small{display:block;color:var(--muted);font-size:13px}
.tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green-2);white-space:nowrap}
.tag.wait{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}

/* footer */
.foot{background:var(--sky);color:var(--sky-text);margin-top:0}
.foot .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;padding-block:44px}
.foot .by{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:14px}
.foot .by img{height:58px;width:auto}
.foot small,.foot p{color:var(--sky-muted);font-size:13px}
.foot a{color:#9EE7C4}
.foot h4{color:#fff;font-size:14px;margin-bottom:8px}

/* country page */
.crumbs{font-size:13px;color:var(--sky-muted);display:flex;gap:6px;flex-wrap:wrap}
.crumbs a{color:var(--sky-text)}
.chead .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding-block:40px 48px}
.score{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px}
.score div b{display:block;font-size:44px;font-weight:900;color:#fff;line-height:1}
.score div span{font-size:13px;color:var(--sky-muted)}
.panel{padding:22px;min-width:0}
.panel h3{font-size:18px;font-weight:700;margin-bottom:12px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.tw{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th,table.t td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.t th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
table.t td.n,table.t th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.t .dn{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--head)}
table.t .dn i{width:10px;height:10px;border-radius:50%}
.pts{display:inline-flex;gap:3px} .pts i{width:9px;height:9px;border-radius:2px;background:var(--line)} .pts i.on{background:var(--green)}
.inst{font-size:13px;color:var(--muted);margin-top:2px}
.callout{padding:16px 18px;border-left:4px solid var(--green);background:var(--surface);border-radius:0 var(--r-md) var(--r-md) 0;font-size:14px}
.trend svg{width:100%;height:auto;display:block}
.trend text{font-family:var(--font);font-size:11px;fill:var(--muted)}
.trend .grid{stroke:var(--chart-grid)}
.trend .l1{fill:none;stroke:var(--green);stroke-width:2.5}
.trend .l2{fill:none;stroke:var(--chart-avg);stroke-width:2;stroke-dasharray:5 4}
.trend .end{fill:var(--green)}
.diam text{font-family:var(--font)}
.diam .ring{fill:none;stroke:rgba(255,255,255,.14)}
.diam .axis{stroke:rgba(255,255,255,.18)}
.diam .lab{font-size:13px;font-weight:700}
.diam .val{font-size:12px;fill:var(--sky-muted)}
.diam .poly{fill:rgba(27,174,112,.22);stroke:#2FCB86;stroke-width:2.5}
.diam .cmp{fill:none;stroke:#E8F0EB;stroke-width:1.5;stroke-dasharray:5 4;opacity:.75}
.diam .pol{fill:rgba(255,255,255,.06);stroke:#E8F0EB;stroke-width:1.5}

@media (max-width:900px){
  .hero .wrap,.chead .wrap,.rel,.two,.foot .wrap{grid-template-columns:minmax(0,1fr)}
  .dims{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){.dims{grid-template-columns:minmax(0,1fr)} .nav{order:3;width:100%}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}