:root{
  --navy:#1f1c17; --navy-2:#161310; --navy-3:#2c5e3f; --char:#1f2421;
  --ink:#1f2421; --mute:#6a6f68; --deep:#0a0a08;
  --bg:#f6f1e8; --white:#fbf8f1;
  --brass:#b88a3d; --brass-lt:#d9a955; --slate:#2c5e3f;

  --line:rgba(31,36,33,.13);
  --line-2:rgba(31,36,33,.07);
  --glass:rgba(251,248,241,.88);
  --glass-2:rgba(246,241,232,.72);
  --glass-dk:rgba(251,248,241,.08);
  --glass-dk-2:rgba(251,248,241,.045);
  --blur:saturate(165%) blur(18px);
  --blur-sm:saturate(140%) blur(10px);

  /* light comes from above-left; shadows are layered ambient + directional + contact */
  --sh-0:0 1px 1px rgba(11,22,34,.04), 0 1px 2px rgba(11,22,34,.05);
  --sh-1:
    0 0 0 1px rgba(11,22,34,.014),
    0 1px 1.5px rgba(11,22,34,.045),
    0 3px 6px -1px rgba(11,22,34,.05),
    0 8px 20px -6px rgba(11,22,34,.07);
  --sh-2:
    0 0 0 1px rgba(11,22,34,.02),
    0 1px 2px rgba(11,22,34,.05),
    0 6px 12px -3px rgba(11,22,34,.07),
    0 18px 38px -10px rgba(11,22,34,.11),
    0 34px 70px -24px rgba(11,22,34,.13);
  --sh-3:
    0 0 0 1px rgba(11,22,34,.025),
    0 2px 4px rgba(11,22,34,.06),
    0 10px 22px -6px rgba(11,22,34,.10),
    0 30px 60px -16px rgba(11,22,34,.16),
    0 56px 110px -40px rgba(11,22,34,.18);
  /* lit top edge + faint shaded bottom edge = real thickness */
  --inset:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 1px 0 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(11,22,34,.045);
  --inset-dk:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 1px 0 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.22);

  --ok:#146b45; --ok-bg:rgba(20,107,69,.09); --ok-ln:rgba(20,107,69,.26);
  --warn:#7e5a10; --warn-bg:rgba(126,90,16,.10); --warn-ln:rgba(126,90,16,.28);
  --bad:#8a2b2b; --bad-bg:rgba(138,43,43,.09); --bad-ln:rgba(138,43,43,.26);
  --neutral:#475463; --neutral-bg:rgba(71,84,99,.08); --neutral-ln:rgba(71,84,99,.22);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--ink);
  font:15px/1.55 "Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  font-feature-settings:"tnum" 1,"cv05" 1;
  background:
    radial-gradient(760px 520px at 18% -10%, rgba(255,255,255,.85), transparent 62%),
    radial-gradient(1100px 620px at 12% -8%, rgba(44,94,63,.14), transparent 60%),
    radial-gradient(900px 560px at 92% 4%, rgba(168,137,92,.14), transparent 62%),
    radial-gradient(1000px 700px at 50% 108%, rgba(11,22,34,.13), transparent 60%),
    var(--bg);
  background-attachment:fixed;
  min-height:100vh;
}
/* fine mineral grid — institutional texture, not decoration */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(11,22,34,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,22,34,.028) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 90% 70% at 50% 0%, #000 40%, transparent 100%);
}
body>*{position:relative;z-index:1}

#banner{
  background:linear-gradient(90deg, rgba(168,137,92,.94), rgba(140,112,72,.94));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  color:#fff;font-size:12px;letter-spacing:.035em;font-weight:500;
  padding:8px 20px;text-align:center;
  border-bottom:1px solid rgba(255,255,255,.14);
}
a{color:var(--slate);text-decoration-thickness:1px;text-underline-offset:2px}
h1,h2,h3{letter-spacing:-.02em;line-height:1.18;margin:0 0 .5em;font-weight:650}
h1{font-size:32px} h2{font-size:22px} h3{font-size:15.5px;letter-spacing:-.01em}
.wrap{max-width:1200px;margin:0 auto;padding:0 26px}
.mono{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12.5px;
  font-feature-settings:"tnum" 1}

/* ── chrome ─────────────────────────────────────────── */
.nav{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg, rgba(11,22,34,.90), rgba(11,22,34,.80));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 2px 6px rgba(7,13,21,.14),
    0 12px 34px -8px rgba(7,13,21,.30);
  color:#fff;
}
.nav .wrap{display:flex;align-items:center;gap:28px;height:64px}
.brand{font-weight:650;letter-spacing:.10em;font-size:14px;text-decoration:none;color:#fff;
  display:flex;flex-direction:column;gap:1px}
.brand span{font-size:9.5px;opacity:.55;letter-spacing:.13em;font-weight:400;text-transform:uppercase}
.nav nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav nav a{
  color:#aebbca;text-decoration:none;font-size:13px;padding:7px 12px;border-radius:6px;
  border:1px solid transparent;transition:background .16s,color .16s,border-color .16s;
}
.nav nav a:hover{color:#fff;background:var(--glass-dk-2);border-color:rgba(255,255,255,.09)}
.nav nav a.on{
  color:#fff;background:var(--glass-dk);border-color:rgba(255,255,255,.16);
  box-shadow:var(--inset-dk);
}
.nav nav a.on::after{
  content:"";display:block;height:1.5px;margin-top:5px;border-radius:2px;
  background:linear-gradient(90deg,var(--brass-lt),transparent);
}

/* ── hero ───────────────────────────────────────────── */
.hero{
  position:relative;overflow:hidden;color:#fff;padding:76px 0 66px;
  background:
    radial-gradient(760px 420px at 84% 6%, rgba(168,137,92,.24), transparent 64%),
    radial-gradient(680px 400px at 8% 96%, rgba(44,94,63,.24), transparent 62%),
    linear-gradient(168deg, var(--navy) 0%, var(--navy-2) 52%, var(--deep) 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 80% 90% at 76% 20%, #000, transparent 72%);
}
/* soft key light spilling from upper-left across the hero */
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(900px 460px at 14% -18%, rgba(198,216,238,.16), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 34%),
    linear-gradient(0deg, rgba(4,9,16,.42), transparent 46%);
}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:40px;max-width:21ch;letter-spacing:-.028em;
  text-shadow:0 1px 0 rgba(255,255,255,.07), 0 3px 30px rgba(0,0,0,.42)}
.hero p{color:#b3c1d2;max-width:62ch;font-size:16px}

.sec{padding:48px 0}
.grid{display:grid;gap:16px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1040px){.g5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.g4,.g3,.g2{grid-template-columns:1fr}}
@media(max-width:620px){.g5{grid-template-columns:1fr}}

/* ── glass card ─────────────────────────────────────── */
.card{
  position:relative;
  background:
    radial-gradient(120% 90% at 8% -10%, rgba(255,255,255,.55), transparent 58%),
    linear-gradient(180deg, var(--glass), var(--glass-2));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--line);border-top-color:rgba(255,255,255,.55);
  border-radius:10px;padding:20px 22px;
  box-shadow:var(--sh-1), var(--inset);
  transition:box-shadow .28s cubic-bezier(.4,0,.2,1), transform .28s cubic-bezier(.4,0,.2,1),
    border-color .22s;
}
a>.card:hover{box-shadow:var(--sh-2), var(--inset);transform:translateY(-3px);
  border-color:rgba(16,31,49,.15);border-top-color:rgba(255,255,255,.72)}
a>.card:active{transform:translateY(-1px);box-shadow:var(--sh-1), var(--inset)}
.card h3{margin-bottom:6px}
.card p{color:var(--mute);font-size:13.5px;margin:0}
.card.onDark{
  background:
    radial-gradient(120% 90% at 8% -10%, rgba(255,255,255,.07), transparent 58%),
    linear-gradient(180deg, var(--glass-dk), var(--glass-dk-2));
  border-color:rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.20);
  box-shadow:var(--inset-dk), 0 10px 30px -12px rgba(0,0,0,.55);color:#e6edf5;
}
.card.onDark h3{color:#fff} .card.onDark p{color:#a9bacb}

.kicker{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);
  font-weight:650}
.lede{color:var(--mute);max-width:70ch}
.hero .kicker{color:var(--brass-lt)}

/* ── buttons ────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:7px;padding:10px 18px;
  border:1px solid rgba(11,22,34,.92);border-radius:7px;cursor:pointer;
  background:linear-gradient(180deg, var(--navy-3), var(--navy));
  color:#fff;text-decoration:none;font-size:13.5px;font-weight:500;font-family:inherit;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 1px 1px rgba(11,22,34,.14),
    0 3px 8px -2px rgba(11,22,34,.20);
  transition:transform .16s cubic-bezier(.4,0,.2,1), box-shadow .2s, background .18s, color .18s;
}
.btn:hover{transform:translateY(-1.5px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 2px 3px rgba(11,22,34,.14),
    0 8px 20px -4px rgba(11,22,34,.28)}
.btn:active{transform:translateY(.5px);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.32), 0 1px 1px rgba(11,22,34,.12)}
.btn:focus-visible{outline:none;
  box-shadow:0 0 0 3px rgba(44,94,63,.30), var(--sh-1), inset 0 1px 0 rgba(255,255,255,.16)}
.btn.alt{
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.52));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  color:var(--navy);border-color:var(--line);box-shadow:var(--sh-1), var(--inset);
}
.btn.alt:hover{border-color:rgba(16,31,49,.18);box-shadow:var(--sh-2), var(--inset)}
.btn.alt:active{box-shadow:inset 0 2px 5px rgba(11,22,34,.14)}
.btn.onDark{
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  border-color:rgba(255,255,255,.28);color:#fff;box-shadow:var(--inset-dk);
}
.btn.onDark:hover{background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.11))}
.btn.onDark.alt{background:rgba(255,255,255,.05);color:#e8eff7;border-color:rgba(255,255,255,.20)}
.btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ── tables ─────────────────────────────────────────── */
.tbl{
  border:1px solid var(--line);border-top-color:rgba(255,255,255,.5);
  border-radius:10px;overflow:hidden;
  background:
    radial-gradient(140% 80% at 6% -8%, rgba(255,255,255,.42), transparent 56%),
    linear-gradient(180deg, var(--glass), var(--glass-2));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  box-shadow:var(--sh-1), var(--inset);
}
table{width:100%;border-collapse:collapse;font-size:13.5px;background:transparent}
th{
  text-align:left;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--mute);padding:11px 14px;font-weight:650;
  background:linear-gradient(180deg, rgba(11,22,34,.055), rgba(11,22,34,.02));
  border-bottom:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(11,22,34,.05);
  position:sticky;top:0;backdrop-filter:blur(6px);
}
td{padding:12px 14px;border-bottom:1px solid var(--line-2);vertical-align:top}
tr:last-child td{border-bottom:0}
tbody tr{transition:background .14s, box-shadow .14s}
tbody tr:hover td{background:rgba(255,255,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(11,22,34,.05)}

/* ── badges ─────────────────────────────────────────── */
.badge{
  display:inline-block;padding:3px 9px;border-radius:5px;font-size:10.5px;font-weight:650;
  letter-spacing:.05em;white-space:nowrap;border:1px solid;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.b-ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-ln)}
.b-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-ln)}
.b-bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-ln)}
.b-neutral{background:var(--neutral-bg);color:var(--neutral);border-color:var(--neutral-ln)}

/* ── provenance chip — core trust primitive ─────────── */
.prov{
  display:inline-flex;align-items:center;gap:5px;font-size:10.5px;letter-spacing:.04em;
  padding:3px 8px;border-radius:5px;border:1px solid;white-space:nowrap;font-weight:550;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.prov::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;
  flex:none;opacity:.85}
.p-gov{border-color:rgba(20,107,69,.34);color:#0f5c3a;background:rgba(20,107,69,.09)}
.p-ind{border-color:rgba(38,86,120,.34);color:#26567a;background:rgba(38,86,120,.09)}
.p-third{border-color:rgba(71,84,99,.30);color:#475463;background:rgba(71,84,99,.08)}
.p-appl{border-color:rgba(126,90,16,.34);color:#7e5a10;background:rgba(126,90,16,.10)}
.p-self{border-color:rgba(126,90,16,.34);color:#7e5a10;background:rgba(126,90,16,.10)}
.p-pend{border-color:rgba(120,128,138,.32);color:#78808a;background:rgba(120,128,138,.08)}
.p-none{border-color:rgba(138,43,43,.34);color:#8a2b2b;background:rgba(138,43,43,.09)}

.stale{color:var(--bad);font-weight:650}
.fresh{color:var(--mute)}

/* ── field rows ─────────────────────────────────────── */
.field{
  border-bottom:1px solid var(--line-2);padding:12px 0;display:grid;
  grid-template-columns:200px 1fr auto;gap:16px;align-items:baseline;
}
.field:last-child{border:0}
.field .lab{font-size:10.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--mute);
  font-weight:600}
@media(max-width:700px){.field{grid-template-columns:1fr;gap:5px}}

.note{
  background:linear-gradient(180deg, rgba(44,94,63,.10), rgba(44,94,63,.045));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  border:1px solid rgba(44,94,63,.18);border-left:3px solid var(--slate);
  border-radius:8px;padding:14px 17px;font-size:13px;color:var(--char);
  box-shadow:var(--sh-0), inset 0 1px 0 rgba(255,255,255,.5),
    -6px 0 14px -10px rgba(44,94,63,.6);
}
.warnbox{
  background:linear-gradient(180deg, rgba(126,90,16,.12), rgba(126,90,16,.05));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  border:1px solid var(--warn-ln);border-left:3px solid var(--warn);
  border-radius:8px;padding:14px 17px;font-size:13px;
  box-shadow:var(--sh-0), inset 0 1px 0 rgba(255,255,255,.48),
    -6px 0 14px -10px rgba(126,90,16,.6);
}

.lockdown-page{
  min-height:calc(100vh - 64px);
  display:flex;
  align-items:center;
}
.lockdown-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(120% 90% at 8% -10%, rgba(255,255,255,.62), transparent 58%),
    linear-gradient(180deg, rgba(251,248,241,.94), rgba(246,241,232,.84));
  border:1px solid var(--line);
  border-top-color:rgba(255,255,255,.64);
  border-radius:10px;
  padding:30px;
  box-shadow:var(--sh-2), var(--inset);
}
.lockdown-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg, var(--brass-lt), var(--navy-3), transparent);
}
.lockdown-card h1{
  max-width:18ch;
}

/* ── inputs ─────────────────────────────────────────── */
input,select,textarea{
  font-family:inherit;font-size:14px;padding:10px 12px;
  border:1px solid var(--line);border-radius:7px;width:100%;color:var(--ink);
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.66));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  box-shadow:
    inset 0 2px 4px rgba(11,22,34,.07),
    inset 0 -1px 0 rgba(255,255,255,.7),
    0 1px 0 rgba(255,255,255,.55);
  transition:border-color .16s, box-shadow .18s;
}
input:hover,select:hover,textarea:hover{border-color:rgba(16,31,49,.18)}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:rgba(44,94,63,.55);
  box-shadow:0 0 0 3px rgba(44,94,63,.15),
    inset 0 2px 4px rgba(11,22,34,.05),
    0 2px 8px -2px rgba(44,94,63,.25);
}
label{display:block;font-size:10.5px;letter-spacing:.10em;text-transform:uppercase;
  color:var(--mute);margin-bottom:6px;font-weight:600}
.fgrp{margin-bottom:15px}

/* ── footer ─────────────────────────────────────────── */
footer{
  background:
    radial-gradient(700px 220px at 20% 0%, rgba(255,255,255,.045), transparent 70%),
    linear-gradient(180deg, rgba(26,31,38,.96), rgba(7,13,21,.98));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 -18px 40px -30px rgba(7,13,21,.7);
  color:#8b98a6;font-size:12.5px;padding:34px 0;margin-top:56px;
}
footer a{color:#b9c5d1}
footer .disc{color:#7f8c9b}
.disc{font-size:11.5px;color:var(--mute);line-height:1.65}

/* ── ownership tree ─────────────────────────────────── */
.tree{font-size:13.5px}
.tnode{display:grid;grid-template-columns:1fr 88px 104px 156px;gap:12px;padding:10px 14px;
  border-bottom:1px solid var(--line-2);align-items:center;transition:background .14s}
.tnode:hover{background:rgba(255,255,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(11,22,34,.05)}
.tnode .nm{display:flex;align-items:center;gap:9px}
.tdepth{color:rgba(16,31,49,.22);font-family:ui-monospace,Menlo,monospace;white-space:pre}
.pct{text-align:right;font-family:ui-monospace,Menlo,monospace;font-weight:650;
  font-feature-settings:"tnum" 1}
.total{
  display:grid;grid-template-columns:1fr 88px 104px 156px;gap:12px;padding:14px;
  font-weight:650;font-size:13.5px;border-radius:0 0 9px 9px;
  background:linear-gradient(180deg, rgba(11,22,34,.065), rgba(11,22,34,.03));
  border-top:2px solid var(--navy);
  box-shadow:inset 0 2px 6px -3px rgba(11,22,34,.30);
}
.total.bad{background:var(--bad-bg);border-top-color:var(--bad);color:var(--bad)}
.total.ok{background:var(--ok-bg);border-top-color:var(--ok);color:var(--ok)}
@media(max-width:700px){.tnode,.total{grid-template-columns:1fr auto}}

/* ── stage nav ──────────────────────────────────────── */
.stages{
  display:flex;flex-direction:column;gap:3px;padding:7px;border-radius:10px;
  background:linear-gradient(180deg, var(--glass), var(--glass-2));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--line);box-shadow:var(--sh-1), var(--inset);
  position:sticky;top:82px;
}
.stage{
  display:flex;gap:11px;align-items:center;padding:10px 12px;text-decoration:none;
  color:var(--ink);border-radius:7px;font-size:13px;background:transparent;
  border:1px solid transparent;transition:background .15s, border-color .15s;
}
.stage{position:relative}
.stage:hover{background:rgba(255,255,255,.62)}
.stage.on{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.68));
  border-color:var(--line);border-top-color:rgba(255,255,255,.85);
  font-weight:650;box-shadow:var(--sh-1), inset 0 1px 0 rgba(255,255,255,.85);
}
.stage.on::before{content:"";position:absolute;margin-left:-12px;width:2.5px;height:20px;
  border-radius:2px;background:var(--brass)}
.stage .n{
  width:21px;height:21px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;font-size:10.5px;color:var(--mute);flex:none;
  background:rgba(255,255,255,.7);font-weight:650;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(11,22,34,.08);
}
.stage.done .n{background:linear-gradient(180deg,#1d8055,var(--ok));border-color:rgba(11,60,38,.5);
  color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 1px 3px rgba(20,107,69,.4)}
.stage.blocked .n{background:linear-gradient(180deg,#a13636,var(--bad));border-color:rgba(70,20,20,.5);
  color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 1px 3px rgba(138,43,43,.4)}
.side{display:grid;grid-template-columns:258px 1fr;gap:26px;align-items:start}
@media(max-width:860px){.side{grid-template-columns:1fr}.stages{position:static}}

/* ── misc ───────────────────────────────────────────── */
.bar{height:6px;background:rgba(11,22,34,.10);border-radius:4px;overflow:hidden;
  box-shadow:inset 0 2px 3px rgba(11,22,34,.13), inset 0 -1px 0 rgba(255,255,255,.55)}
.bar>i{display:block;height:100%;border-radius:4px;
  background:linear-gradient(90deg, var(--slate), var(--navy));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 10px rgba(44,94,63,.45);
  transition:width .4s cubic-bezier(.4,0,.2,1)}
.chk{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-size:13.5px}
.chk input{width:auto;margin-top:3px;flex:none;box-shadow:none;accent-color:var(--navy)}

.stat{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;
  font-feature-settings:"tnum" 1}
.sub{font-size:11.5px;color:var(--mute)}
pre{margin:0;border-radius:8px}
.pre{
  background:linear-gradient(180deg, rgba(11,22,34,.055), rgba(11,22,34,.022));
  border:1px solid var(--line);border-radius:8px;padding:14px;overflow:auto;
  font-family:ui-monospace,Menlo,monospace;
  box-shadow:inset 0 2px 5px -2px rgba(11,22,34,.16), inset 0 -1px 0 rgba(255,255,255,.5);
}
.logbox{
  background:
    radial-gradient(120% 100% at 10% -20%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, rgba(11,22,34,.92), rgba(7,13,21,.96));
  border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:13px;
  font-family:ui-monospace,Menlo,monospace;color:#c8d6e4;
  box-shadow:inset 0 2px 8px -3px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.07);
}
.logbox .t{color:#6f8299}
.hr{height:1px;background:var(--line);border:0;margin:26px 0}

/* ── 1-2-3 instructional ladder ─────────────────────── */
.hero-stats{
  display:flex;gap:44px;flex-wrap:wrap;margin-top:38px;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.12);
  box-shadow:0 -1px 0 rgba(0,0,0,.30);
}
.hs-v{font-size:27px;font-weight:700;letter-spacing:-.02em;color:#fff;
  font-feature-settings:"tnum" 1;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.hs-l{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#8fa2b8;margin-top:3px}

.ladder{display:flex;flex-direction:column;gap:46px}
.rung{display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:start;scroll-margin-top:86px}
.rung-rail{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}
.rung-num{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;
  font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;
  background:linear-gradient(180deg, var(--navy-3), var(--navy));
  border:1px solid rgba(11,22,34,.9);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 2px 4px rgba(11,22,34,.18),
    0 10px 24px -8px rgba(11,22,34,.40);
}
.rung-line{flex:1;width:2px;border-radius:2px;min-height:60px;
  background:linear-gradient(180deg, rgba(168,137,92,.55), rgba(16,31,49,.10));
  box-shadow:0 0 8px -2px rgba(168,137,92,.5)}
.rung-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
@media(max-width:700px){.rung{grid-template-columns:1fr;gap:14px}
  .rung-rail{flex-direction:row}.rung-line{display:none}}

.step-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brass);font-weight:650;margin-bottom:10px}
.step-dot{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg, var(--navy-3), var(--navy));color:#fff;
  font-size:11.5px;font-weight:700;letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 2px 5px -1px rgba(11,22,34,.35);
}

.band{
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.25));
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(11,22,34,.05);
}
.cta-band{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(600px 300px at 50% 0%, rgba(168,137,92,.18), transparent 65%),
    linear-gradient(160deg, var(--navy) 0%, var(--deep) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.5)}

/* ── verification chain (step 1→2→3 crumb) ──────────── */
.chain{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.chain-node{
  flex:1;min-width:210px;display:flex;align-items:center;gap:11px;text-decoration:none;
  color:var(--ink);padding:13px 15px;border-radius:9px;border:1px solid var(--line);
  border-top-color:rgba(255,255,255,.6);
  background:linear-gradient(180deg, var(--glass), var(--glass-2));
  backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);
  box-shadow:var(--sh-1), var(--inset);
  transition:transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s;
}
a.chain-node:hover{transform:translateY(-2px);box-shadow:var(--sh-2), var(--inset)}
.chain-node.ok{border-left:3px solid var(--ok)}
.chain-node.warn{border-left:3px solid var(--warn)}
.chain-node.bad{border-left:3px solid var(--bad)}
.chain-node .cn{
  width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:11.5px;font-weight:700;color:#fff;
  background:linear-gradient(180deg, var(--navy-3), var(--navy));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 3px rgba(11,22,34,.3);
}
.chain-node>div:nth-child(2){flex:1}
.chain-link{width:26px;align-self:center;height:2px;border-radius:2px;flex:none;
  background:linear-gradient(90deg, rgba(16,31,49,.14), rgba(168,137,92,.5), rgba(16,31,49,.14))}
@media(max-width:820px){.chain{flex-direction:column;gap:8px}
  .chain-link{width:2px;height:16px;margin-left:26px}}

/* ── project submission gates ─────────────────────── */
.gate{display:flex;gap:11px;align-items:flex-start;padding:11px 0;
  border-bottom:1px solid var(--line-2)}
.gate:last-child{border-bottom:0}
.gate .n{
  width:21px;height:21px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:11px;font-weight:700;border:1px solid var(--line);color:var(--mute);
  background:rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(11,22,34,.08);
}
.gate.done .n{background:linear-gradient(180deg,#1d8055,var(--ok));border-color:rgba(11,60,38,.5);
  color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 1px 3px rgba(20,107,69,.4)}
.gate.blocked .n{background:linear-gradient(180deg,#a13636,var(--bad));border-color:rgba(70,20,20,.5);
  color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 1px 3px rgba(138,43,43,.4)}
::selection{background:rgba(184,138,61,.22)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(11,22,34,.20);border-radius:6px;
  border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(11,22,34,.32);background-clip:content-box}

/* ICMCI institutional finish: nature-tone mobile palette plus official logo lockup. */
:root{
  --cream:#f6f1e8;
  --cream-deep:#ece4d2;
  --bone:#fbf8f1;
  --linen:#ddd4bf;
  --charcoal:#1f2421;
  --ash:#6a6f68;
  --ash-dim:#9a9d94;
  --rule:#d8cfb7;
  --rule-soft:#e8dfc8;
  --forest:#2c5e3f;
  --forest-bright:#3d8557;
  --forest-deep:#1a3e29;
  --forest-tint:#e6f0e8;
  --gold:#b88a3d;
  --gold-bright:#d9a955;
  --gold-tint:#f4ead2;
  --copper:#a85a2c;
  --copper-tint:#f1e0d0;
  --crimson:#a23a3a;
  --railpulse:#c93838;
  --railpulse-tint:#fae5e5;
  --railinc:#5a4ba8;
  --railinc-tint:#e8e4f4;
  --carrier:#1c3673;
  --carrier-tint:#dee4f0;
  --icmci-navy:#1f1c17;
  --navy:#1f1c17;
  --navy-2:#161310;
  --navy-3:#2c5e3f;
  --char:#1f2421;
  --ink:#1f2421;
  --mute:#6a6f68;
  --deep:#0a0a08;
  --bg:#f6f1e8;
  --white:#fbf8f1;
  --brass:#b88a3d;
  --brass-lt:#d9a955;
  --slate:#2c5e3f;
  --line:rgba(31,36,33,.13);
  --line-2:rgba(31,36,33,.07);
  --glass:rgba(251,248,241,.88);
  --glass-2:rgba(246,241,232,.72);
  --glass-dk:rgba(251,248,241,.08);
  --glass-dk-2:rgba(251,248,241,.045);
  --ok:#2c5e3f; --ok-bg:rgba(44,94,63,.10); --ok-ln:rgba(44,94,63,.30);
  --warn:#b88a3d; --warn-bg:rgba(184,138,61,.13); --warn-ln:rgba(184,138,61,.32);
  --bad:#a85a2c; --bad-bg:rgba(168,90,44,.13); --bad-ln:rgba(168,90,44,.32);
  --neutral:#6a6f68; --neutral-bg:rgba(106,111,104,.10); --neutral-ln:rgba(106,111,104,.24);
}

body{
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  background:
    linear-gradient(180deg, rgba(251,248,241,.98), rgba(246,241,232,.92)),
    radial-gradient(900px 520px at 90% -8%, rgba(184,138,61,.16), transparent 65%),
    radial-gradient(800px 520px at 8% 4%, rgba(44,94,63,.12), transparent 62%),
    var(--bg);
}
h1,h2{font-family:"Cormorant Garamond","Times New Roman",serif;font-weight:600;letter-spacing:0}
h1{font-size:44px}
h2{font-size:30px}
h3{font-weight:650}
.mono,.kicker,label,th,.brand small{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}

#banner{
  background:#1f2421;
  color:#f6f1e8;
  border-bottom:1px solid rgba(217,169,85,.28);
}
.backend-pill{
  display:inline-flex;
  align-items:center;
  margin-right:8px;
  border:1px solid currentColor;
  border-radius:5px;
  padding:2px 8px;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
.backend-pill.live{color:#9ee2be}
.backend-pill.reference{color:#d9a955}

.nav{
  background:linear-gradient(180deg, rgba(31,28,23,.98), rgba(20,17,13,.96));
  border-bottom:1px solid rgba(217,169,85,.26);
}
.nav .wrap{min-height:76px;height:auto;padding-top:8px;padding-bottom:8px}
.brand{
  flex-direction:row;
  align-items:center;
  gap:12px;
  letter-spacing:0;
  min-width:220px;
}
.brand img{
  width:46px;
  height:46px;
  object-fit:contain;
  border-radius:50%;
  background:transparent;
  padding:2px;
  box-shadow:0 0 0 1px rgba(217,169,85,.42), 0 8px 18px -10px rgba(0,0,0,.7);
}
.logo-on-dark{filter:none}
.logo-on-light{filter:none}
.logo-lockup-dark{
  color:#fbf8f1;
  background:transparent;
}
.logo-lockup-light{
  color:#1f1c17;
  background:#fbf8f1;
}
.brand span{display:flex;flex-direction:column;gap:2px;opacity:1;text-transform:none}
.brand strong{font-family:"Cormorant Garamond","Times New Roman",serif;font-size:22px;line-height:1;color:#fbf8f1;letter-spacing:.02em}
.brand small{font-size:9px;letter-spacing:.16em;color:#d9c8a5;text-transform:uppercase}
.nav nav a{color:#d9c8a5;border-radius:6px}
.nav nav a.on,.nav nav a:hover{background:rgba(251,248,241,.10);border-color:rgba(217,169,85,.26)}

.hero,.cta-band{
  background:
    radial-gradient(720px 360px at 82% 10%, rgba(217,169,85,.22), transparent 62%),
    radial-gradient(680px 360px at 10% 95%, rgba(44,94,63,.24), transparent 62%),
    linear-gradient(160deg, #1f1c17 0%, #161310 58%, #2a2620 100%);
}
.hero h1{font-size:56px;max-width:23ch}
.hero p{color:#b8b0a0}
.hero .kicker,.kicker{color:#b88a3d}
.hero::before{
  background:
    radial-gradient(900px 460px at 14% -18%, rgba(217,169,85,.10), transparent 66%),
    linear-gradient(180deg, rgba(251,248,241,.035), transparent 34%),
    linear-gradient(0deg, rgba(10,10,8,.45), transparent 46%);
}

.card,.tbl,.stages,.chain-node{
  border-radius:8px;
  background:linear-gradient(180deg, rgba(251,248,241,.94), rgba(246,241,232,.82));
  border-color:rgba(31,36,33,.12);
}
.card.onDark{
  color:#f6f1e8;
  background:
    radial-gradient(120% 90% at 8% -10%, rgba(217,169,85,.08), transparent 58%),
    linear-gradient(180deg, rgba(251,248,241,.08), rgba(251,248,241,.045));
}
.card.onDark p{color:#b8b0a0}
.btn{
  border-radius:8px;
  min-height:44px;
  background:linear-gradient(180deg, #2c5e3f, #1a3e29);
  border-color:#173828;
}
.btn.alt{
  background:linear-gradient(180deg, rgba(251,248,241,.92), rgba(236,228,210,.78));
  color:#1f2421;
  border-color:rgba(31,36,33,.16);
}
.btn.onDark{
  background:linear-gradient(180deg, rgba(217,169,85,.28), rgba(217,169,85,.12));
  border-color:rgba(217,169,85,.36);
}
.btn.onDark.alt{color:#f4ead2;border-color:rgba(217,169,85,.30)}
.badge{border-radius:5px}
.b-ok{background:rgba(44,94,63,.10);color:#1a3e29;border-color:rgba(44,94,63,.30)}
.b-warn{background:rgba(184,138,61,.13);color:#6b4f1a;border-color:rgba(184,138,61,.32)}
.b-bad{background:rgba(168,90,44,.13);color:#7b2f19;border-color:rgba(168,90,44,.32)}
.b-neutral{background:rgba(106,111,104,.10);color:#4f544d;border-color:rgba(106,111,104,.24)}
.p-gov{border-color:rgba(44,94,63,.34);color:#1a3e29;background:rgba(44,94,63,.09)}
.p-ind{border-color:rgba(61,133,87,.34);color:#2c5e3f;background:rgba(61,133,87,.09)}
.p-third{border-color:rgba(106,111,104,.30);color:#6a6f68;background:rgba(106,111,104,.08)}
.p-pend{border-color:rgba(154,157,148,.34);color:#6a6f68;background:rgba(154,157,148,.10)}

footer{
  background:
    radial-gradient(700px 220px at 20% 0%, rgba(217,169,85,.055), transparent 70%),
    linear-gradient(180deg, #1f1c17, #14110d);
  color:#8a8270;
  border-top:1px solid rgba(217,169,85,.18);
}
footer a{color:#d9c8a5}
footer .disc{color:#8a8270}
.hs-l{color:#8a8270}
.stat{color:#1f2421}
.note{
  background:linear-gradient(180deg, rgba(246,241,232,.85), rgba(236,228,210,.56));
  border-left-color:#b88a3d;
}
.step-dot,.rung-num,.stage.done .n,.gate.done .n{
  background:linear-gradient(180deg, #3d8557, #2c5e3f);
}
.bar>i{background:linear-gradient(90deg, #b88a3d, #2c5e3f)}
.chk input{accent-color:#2c5e3f}
input:focus,select:focus,textarea:focus{
  border-color:rgba(44,94,63,.55);
  box-shadow:0 0 0 3px rgba(44,94,63,.15),
    inset 0 2px 4px rgba(31,36,33,.05),
    0 2px 8px -2px rgba(44,94,63,.25);
}
.logbox{
  background:
    radial-gradient(120% 100% at 10% -20%, rgba(217,169,85,.055), transparent 60%),
    linear-gradient(180deg, rgba(31,28,23,.96), rgba(10,10,8,.98));
  color:#e8dfc8;
}
.logbox .t{color:#9a9d94}
::selection{background:rgba(184,138,61,.24)}
::-webkit-scrollbar-thumb{background:rgba(31,36,33,.24);background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(31,36,33,.36);background-clip:content-box}

.split-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,420px);
  gap:36px;
  align-items:center;
}
.architecture-card{align-self:stretch}
.flow-stack{display:grid;gap:10px}
.flow-stack>div{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.38);
}
.cn{
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:none;
  background:#2c5e3f;
  color:#fff;
  font-size:12px;
  font-weight:700;
}

.mobile-page .split-hero{grid-template-columns:minmax(0,1fr) 360px}
.mobile-device{
  width:340px;
  min-height:704px;
  justify-self:end;
  border-radius:36px;
  padding:14px 12px;
  background:#0a0d0b;
  box-shadow:0 36px 70px -34px rgba(31,36,33,.75);
}
.mobile-status{
  height:32px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 18px;
  color:#8f968d;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:10px;
}
.mobile-head,.mobile-body{
  background:#f6f1e8;
}
.mobile-head{
  display:flex;
  gap:12px;
  align-items:center;
  padding:18px 18px 14px;
  border-radius:24px 24px 0 0;
  border-bottom:1px solid #ddd4bf;
}
.mobile-head img{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:50%;
  background:transparent;
  padding:2px;
  box-shadow:0 0 0 1px rgba(31,28,23,.14);
}
.mobile-head h3{
  margin:2px 0 0;
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:23px;
}
.mobile-body{
  min-height:622px;
  padding:16px 18px 18px;
  border-radius:0 0 24px 24px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mobile-card{
  border:1px solid #ddd4bf;
  border-radius:8px;
  background:#fbf8f1;
  padding:12px;
}
.mobile-card.authority{border-color:#2c5e3f;background:#e6f0e8}
.mobile-card .rec{font-size:11px;word-break:break-all}
.section-label{
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6a6f68;
  margin-bottom:8px;
}
.scan-frame{
  height:120px;
  border:1px dashed #b88a3d;
  border-radius:8px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#173828;
  background:linear-gradient(135deg, rgba(230,240,232,.9), rgba(251,248,241,.96));
}
.scan-frame span{
  width:46px;
  height:46px;
  border:6px solid #173828;
  border-radius:8px;
  display:block;
}
.scan-frame strong,.scan-frame small{display:block}
.mini-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid #e8dfc8;
}
.mini-row:first-of-type{border-top:0}
.mini-row small{display:block;color:#6a6f68;font-size:11px}
.mobile-actions{
  margin-top:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.mobile-actions button{
  min-height:42px;
  border:1px solid #2c5e3f;
  border-radius:8px;
  background:#2c5e3f;
  color:#fbf8f1;
  font:600 11px "Inter",sans-serif;
}

@media(max-width:980px){
  .split-hero,.mobile-page .split-hero{grid-template-columns:1fr}
  .mobile-device{justify-self:center}
  .hero h1{font-size:42px}
}
@media(max-width:720px){
  h1{font-size:34px}
  h2{font-size:26px}
  .nav .wrap{gap:12px}
  .brand{min-width:auto}
  .brand img{width:40px;height:40px}
  .brand small{display:none}
  .nav nav{width:100%;margin-left:0;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
  .nav nav a{white-space:nowrap}
  .mobile-device{width:min(340px,100%)}
}

/* Alora-inspired ICMCI concept layer.
   Scoped to this separate concept copy; the production 20260808 site is unchanged. */
.alora-concept-hero{
  padding:92px 0 74px;
}
.alora-concept-hero::after{
  background-image:
    linear-gradient(115deg, transparent 0 16%, rgba(251,248,241,.105) 22%, transparent 31% 100%),
    linear-gradient(rgba(251,248,241,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251,248,241,.035) 1px, transparent 1px);
  background-size:100% 100%,52px 52px,52px 52px;
  opacity:.92;
  mask-image:linear-gradient(180deg, #000 0%, transparent 92%);
}
.alora-concept-hero .wrap{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.66fr);
  gap:48px;
  align-items:center;
}
.concept-hero-copy{
  max-width:720px;
  position:relative;
  padding:32px;
  margin-left:-32px;
  border:1px solid rgba(251,248,241,.10);
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(251,248,241,.105), rgba(251,248,241,.026) 48%, rgba(217,169,85,.055)),
    rgba(31,28,23,.12);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(251,248,241,.16),
    inset 0 -1px 0 rgba(10,10,8,.26),
    0 30px 80px -60px rgba(10,10,8,.9);
}
.concept-hero-copy::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg, rgba(251,248,241,.16), transparent 26% 72%, rgba(217,169,85,.07));
  opacity:.55;
}
.alora-concept-hero h1{
  max-width:10ch;
  font-size:clamp(58px, 9vw, 116px);
  line-height:.88;
  letter-spacing:-.018em;
  margin:14px 0 22px;
}
.alora-concept-hero p{
  max-width:540px;
  font-size:19px;
  line-height:1.55;
}
.alora-concept-hero .hero-stats{
  grid-template-columns:repeat(4,minmax(120px,1fr));
  margin-top:42px;
}
.concept-field-panel{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border:1px solid rgba(217,169,85,.26);
  border-radius:14px;
  padding:22px;
  color:var(--bone);
  background:
    linear-gradient(135deg, rgba(251,248,241,.14), rgba(251,248,241,.03) 42%, rgba(217,169,85,.06)),
    radial-gradient(420px 260px at 55% 34%, rgba(61,133,87,.28), transparent 64%),
    radial-gradient(360px 220px at 80% 8%, rgba(217,169,85,.22), transparent 68%),
    linear-gradient(180deg, rgba(31,28,23,.74), rgba(20,17,13,.86));
  -webkit-backdrop-filter:blur(22px) saturate(155%);
  backdrop-filter:blur(22px) saturate(155%);
  box-shadow:
    inset 0 1px 0 rgba(251,248,241,.20),
    inset 1px 0 0 rgba(251,248,241,.08),
    inset 0 -1px 0 rgba(10,10,8,.42),
    0 42px 90px -54px rgba(10,10,8,.95),
    0 0 0 1px rgba(251,248,241,.035);
}
.concept-field-panel::before{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(217,169,85,.16);
  border-radius:50%;
  opacity:.8;
}
.concept-field-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(122deg, transparent 0 12%, rgba(251,248,241,.18) 20%, transparent 31% 100%),
    linear-gradient(rgba(251,248,241,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251,248,241,.035) 1px, transparent 1px);
  background-size:100% 100%,42px 42px,42px 42px;
  opacity:.72;
  mask-image:radial-gradient(ellipse 85% 80% at 55% 34%, #000, transparent 76%);
}
.field-card-top,.field-scale,.field-caption,.field-orb{
  position:relative;
  z-index:1;
}
.field-card-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  font:600 10px "JetBrains Mono",ui-monospace,Menlo,monospace;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#d9c8a5;
}
.field-card-top strong{
  color:#9ee2be;
  border:1px solid rgba(158,226,190,.34);
  border-radius:999px;
  padding:4px 9px;
}
.field-orb{
  height:238px;
  display:grid;
  place-items:center;
}
.field-orb span{
  width:148px;
  height:148px;
  border-radius:50%;
  border:1px solid rgba(217,169,85,.55);
  background:
    radial-gradient(circle at 38% 28%, rgba(251,248,241,.50), transparent 18%),
    radial-gradient(circle, rgba(61,133,87,.38), rgba(44,94,63,.12) 58%, transparent 68%);
  box-shadow:
    0 0 0 38px rgba(217,169,85,.035),
    0 0 0 76px rgba(44,94,63,.03),
    0 0 48px rgba(217,169,85,.18);
}
.field-scale{
  display:grid;
  gap:13px;
}
.field-scale>div{
  display:grid;
  gap:7px;
  padding:10px 12px;
  border:1px solid rgba(251,248,241,.10);
  border-radius:10px;
  background:rgba(251,248,241,.055);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(251,248,241,.12);
}
.field-scale div div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  font-size:12px;
}
.field-scale span{
  color:#b8b0a0;
}
.field-scale strong{
  color:#f4ead2;
  font-weight:600;
}
.field-scale i{
  display:block;
  height:6px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(251,248,241,.10);
}
.field-scale i::before{
  content:"";
  display:block;
  width:var(--w);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #b88a3d, #3d8557);
}
.field-caption{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(217,169,85,.18);
  color:#b8b0a0;
  font-size:13px;
  background:rgba(251,248,241,.035);
  border-radius:10px;
  padding:14px;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.concept-narrative{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.62fr);
  gap:42px;
  align-items:end;
  margin-bottom:24px;
  padding:30px;
  border:1px solid rgba(251,248,241,.56);
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(251,248,241,.70), rgba(251,248,241,.36) 55%, rgba(230,240,232,.32)),
    rgba(251,248,241,.22);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:
    var(--sh-1),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(31,36,33,.08);
}
.concept-narrative h2{
  max-width:760px;
  font-size:clamp(40px, 6vw, 72px);
  line-height:.94;
  letter-spacing:-.01em;
  margin:10px 0 0;
}
.concept-narrative p{
  margin:0 0 8px;
  color:var(--mute);
  font-size:17px;
}
.concept-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0 0 44px;
}
.concept-compare article{
  position:relative;
  overflow:hidden;
  min-height:210px;
  border:1px solid rgba(251,248,241,.58);
  border-radius:10px;
  padding:22px;
  background:
    linear-gradient(135deg, rgba(251,248,241,.66), rgba(251,248,241,.26) 58%, rgba(217,169,85,.12)),
    radial-gradient(440px 220px at 12% 0%, rgba(217,169,85,.14), transparent 62%),
    linear-gradient(180deg, rgba(251,248,241,.78), rgba(236,228,210,.52));
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:
    var(--sh-1),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(31,36,33,.08);
}
.concept-compare article:nth-child(2){
  background:
    linear-gradient(135deg, rgba(251,248,241,.70), rgba(251,248,241,.28) 58%, rgba(44,94,63,.12)),
    radial-gradient(440px 220px at 88% 0%, rgba(44,94,63,.14), transparent 62%),
    linear-gradient(180deg, rgba(251,248,241,.80), rgba(230,240,232,.52));
}
.concept-compare article::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(118deg, rgba(255,255,255,.58), transparent 22% 78%, rgba(217,169,85,.10));
  opacity:.48;
}
.concept-compare h3{
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:32px;
  line-height:1;
  margin:14px 0 12px;
}
.concept-compare p{
  color:var(--mute);
  margin:0;
}
.alora-concept-hero + .sec .ladder{
  margin-top:18px;
}
.alora-concept-hero + .sec .rung-body,
.alora-concept-hero + .sec .card,
.alora-concept-hero + .sec .tbl,
.alora-concept-hero + .sec .note,
.alora-concept-hero + .sec .warnbox{
  background:
    linear-gradient(135deg, rgba(251,248,241,.74), rgba(251,248,241,.34) 58%, rgba(230,240,232,.24)),
    rgba(251,248,241,.24);
  border-color:rgba(251,248,241,.58);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  box-shadow:
    var(--sh-1),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(31,36,33,.08);
}
.alora-concept-hero + .sec .rung-body{
  border:1px solid rgba(251,248,241,.58);
  border-radius:14px;
  padding:24px;
}
.alora-concept-hero + .sec .hero-stats,
.alora-concept-hero .hero-stats{
  padding:14px;
  border:1px solid rgba(251,248,241,.12);
  border-radius:14px;
  background:rgba(251,248,241,.06);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
  backdrop-filter:blur(14px) saturate(145%);
}
.nav{
  background:
    linear-gradient(180deg, rgba(31,28,23,.76), rgba(20,17,13,.70));
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
}

@media(max-width:980px){
  .alora-concept-hero .wrap,
  .concept-narrative,
  .concept-compare{
    grid-template-columns:1fr;
  }
  .concept-field-panel{
    min-height:460px;
  }
  .alora-concept-hero .hero-stats{
    grid-template-columns:repeat(2,minmax(120px,1fr));
  }
}
@media(max-width:620px){
  .alora-concept-hero{
    padding:62px 0 48px;
  }
  .alora-concept-hero h1{
    font-size:58px;
  }
  .concept-field-panel{
    min-height:420px;
    padding:18px;
  }
  .field-orb{
    height:190px;
  }
}

/* Concept revision: no glass, image-backed heading banner. */
.alora-concept-hero,
.alora-concept-hero *,
.alora-concept-hero + .sec,
.alora-concept-hero + .sec *,
.nav,
.nav *{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.alora-concept-hero{
  min-height:720px;
  padding:96px 0 80px;
  background:
    linear-gradient(90deg, rgba(20,17,13,.92) 0%, rgba(20,17,13,.78) 38%, rgba(20,17,13,.30) 70%, rgba(20,17,13,.16) 100%),
    linear-gradient(0deg, rgba(10,10,8,.58), rgba(10,10,8,.06) 44%),
    url("assets/icmci-auth-hero-20260808.png") center center / cover no-repeat !important;
}
.alora-concept-hero::before{
  background:
    linear-gradient(90deg, rgba(10,10,8,.34), transparent 54%),
    linear-gradient(0deg, rgba(10,10,8,.60), transparent 42%);
}
.alora-concept-hero::after{
  background:linear-gradient(180deg, transparent 0 70%, rgba(246,241,232,.98) 100%);
  opacity:1;
  mask-image:none;
}
.alora-concept-hero .wrap{
  grid-template-columns:minmax(0,760px);
  min-height:540px;
  align-items:end;
}
.concept-hero-copy{
  max-width:760px;
  margin-left:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.concept-hero-copy::before{
  display:none;
}
.alora-concept-hero h1{
  max-width:11ch;
  text-shadow:0 2px 22px rgba(0,0,0,.62);
}
.alora-concept-hero p{
  color:#f4ead2;
  text-shadow:0 1px 12px rgba(0,0,0,.55);
}
.alora-concept-hero .hero-stats{
  padding:14px;
  border:1px solid rgba(217,169,85,.28);
  border-radius:12px;
  background:rgba(31,28,23,.70);
  box-shadow:inset 0 1px 0 rgba(251,248,241,.10);
}
.concept-field-panel{
  display:none;
}
.nav{
  background:linear-gradient(180deg, rgba(31,28,23,.98), rgba(20,17,13,.96));
}
.concept-narrative,
.concept-compare article,
.alora-concept-hero + .sec .rung-body,
.alora-concept-hero + .sec .card,
.alora-concept-hero + .sec .tbl,
.alora-concept-hero + .sec .note,
.alora-concept-hero + .sec .warnbox{
  background:linear-gradient(180deg, rgba(251,248,241,.96), rgba(236,228,210,.78)) !important;
  border-color:rgba(31,36,33,.13) !important;
  box-shadow:var(--sh-1), var(--inset) !important;
}
.concept-compare article:nth-child(2){
  background:linear-gradient(180deg, rgba(251,248,241,.97), rgba(230,240,232,.82)) !important;
}
.concept-compare article::before{
  display:none;
}
@media(max-width:980px){
  .alora-concept-hero{
    min-height:640px;
    background-position:58% center !important;
  }
  .alora-concept-hero .wrap{
    min-height:470px;
  }
}
@media(max-width:620px){
  .alora-concept-hero{
    min-height:620px;
    padding:78px 0 60px;
    background-position:47% center !important;
  }
  .alora-concept-hero h1{
    font-size:58px;
  }
}

/* Auth and single-user workspace */
.auth-nav{
  display:flex;
  gap:6px;
  align-items:center;
  margin-left:4px;
  padding-left:10px;
  border-left:1px solid rgba(217,169,85,.18);
}
.auth-nav a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  color:#f4ead2;
  text-decoration:none;
  font-size:12.5px;
  font-weight:600;
  white-space:nowrap;
  border:1px solid rgba(217,169,85,.20);
  border-radius:7px;
  padding:6px 10px;
  background:rgba(251,248,241,.055);
}
.auth-nav a:hover,
.auth-nav a.on{
  color:#fff;
  border-color:rgba(217,169,85,.42);
  background:rgba(217,169,85,.14);
}
.user-dot{
  width:22px;
  height:22px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  color:#1f1c17;
  background:linear-gradient(180deg, #d9a955, #b88a3d);
  font-size:10px;
  font-weight:800;
}

.auth-hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  padding:86px 0 72px;
  color:#fff;
  background:
    linear-gradient(90deg, rgba(20,17,13,.92) 0%, rgba(20,17,13,.78) 38%, rgba(20,17,13,.30) 70%, rgba(20,17,13,.16) 100%),
    linear-gradient(0deg, rgba(10,10,8,.58), rgba(10,10,8,.06) 44%),
    url("assets/icmci-auth-hero-20260808.png") center center / cover no-repeat;
}
.auth-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(10,10,8,.12), transparent 36%, rgba(246,241,232,.96) 100%);
}
.auth-hero-wrap{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,440px);
  gap:48px;
  align-items:center;
  min-height:560px;
}
.auth-copy{
  max-width:650px;
}
.auth-copy h1{
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:68px;
  line-height:.98;
  margin-bottom:18px;
  letter-spacing:0;
  text-shadow:0 2px 22px rgba(0,0,0,.60);
}
.auth-copy p{
  max-width:580px;
  color:#f4ead2;
  font-size:17px;
  text-shadow:0 1px 12px rgba(0,0,0,.55);
}
.auth-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:560px;
  margin-top:28px;
}
.auth-proof-grid div{
  min-height:82px;
  padding:13px 14px;
  border:1px solid rgba(217,169,85,.28);
  border-radius:8px;
  background:rgba(31,28,23,.72);
  box-shadow:inset 0 1px 0 rgba(251,248,241,.10);
}
.auth-proof-grid strong{
  display:block;
  color:#d9a955;
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:28px;
  line-height:1;
}
.auth-proof-grid span{
  display:block;
  margin-top:6px;
  color:#f4ead2;
  font-size:12.5px;
  font-weight:650;
}
.auth-panel{
  position:relative;
  width:100%;
  border:1px solid rgba(31,36,33,.14);
  border-top-color:rgba(251,248,241,.82);
  border-radius:8px;
  padding:24px;
  color:var(--ink);
  background:linear-gradient(180deg, rgba(251,248,241,.98), rgba(236,228,210,.92));
  box-shadow:var(--sh-3), var(--inset);
}
.auth-panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:18px;
}
.auth-panel h2{
  font-size:28px;
  margin:3px 0 0;
}
.oauth-stack{
  display:grid;
  gap:9px;
}
.provider-btn{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(31,36,33,.14);
  border-radius:8px;
  background:#fbf8f1;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  box-shadow:var(--sh-0), inset 0 1px 0 rgba(255,255,255,.72);
}
.provider-btn:hover{
  border-color:rgba(44,94,63,.34);
  box-shadow:var(--sh-1), inset 0 1px 0 rgba(255,255,255,.80);
}
.provider-mark{
  width:32px;
  height:32px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  flex:none;
  color:#fbf8f1;
  background:linear-gradient(180deg, var(--navy-3), var(--navy));
  font-size:12px;
  font-weight:800;
}
.provider-btn strong,
.provider-btn small{
  display:block;
}
.provider-btn strong{
  font-size:13.5px;
}
.provider-btn small{
  margin-top:1px;
  color:var(--mute);
  font-size:11.5px;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 0 14px;
  color:var(--mute);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.auth-divider::before,
.auth-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:var(--line);
}
.auth-panel .btn[type="submit"]{
  width:100%;
  justify-content:center;
}
.auth-switch{
  display:block;
  margin-top:12px;
  color:var(--slate);
  font-size:13px;
  text-align:center;
}
.auth-note{
  margin:14px 0 0;
  color:var(--mute);
  font-size:11.5px;
  line-height:1.5;
}

.account-view{
  padding-top:38px;
}
.account-hero-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  margin-bottom:18px;
  padding:28px;
  border:1px solid rgba(217,169,85,.24);
  border-radius:8px;
  color:#fff;
  background:
    linear-gradient(112deg, rgba(31,28,23,.96), rgba(44,94,63,.86)),
    url("assets/icmci-auth-hero-20260808.png") center 42% / cover no-repeat;
  box-shadow:var(--sh-2);
}
.account-hero-card h1{
  margin-bottom:6px;
}
.account-hero-card p{
  max-width:720px;
  margin:0;
  color:#f4ead2;
}
.account-avatar{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:none;
  color:#1f1c17;
  background:linear-gradient(180deg, #d9a955, #b88a3d);
  border:1px solid rgba(251,248,241,.42);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.45);
  font-weight:800;
}
.account-avatar.small{
  width:42px;
  height:42px;
  font-size:13px;
}
.account-shell{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.account-side{
  position:sticky;
  top:92px;
  border:1px solid var(--line);
  border-radius:8px;
  padding:18px;
  background:linear-gradient(180deg, rgba(251,248,241,.98), rgba(236,228,210,.82));
  box-shadow:var(--sh-1), var(--inset);
}
.account-mini{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:14px;
  margin-bottom:4px;
  border-bottom:1px solid var(--line-2);
}
.account-mini strong,
.account-mini span{
  display:block;
}
.account-mini span{
  color:var(--mute);
  font-size:12px;
}
.account-side .field{
  grid-template-columns:96px 1fr;
}
.account-side .field .lab + div{
  font-size:13px;
}
.account-side .btn{
  width:100%;
  justify-content:center;
  margin-top:14px;
}
.account-qr{
  display:block;
  width:180px;
  height:180px;
  margin:16px auto 8px;
  border:10px solid #fbf8f1;
  border-radius:8px;
  background:#fbf8f1;
  box-shadow:var(--sh-1);
}
.account-action{
  min-height:210px;
  display:flex;
  flex-direction:column;
}
.account-action .btn{
  align-self:flex-start;
  margin-top:auto;
}
.account-path{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
.account-path a{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:7px;
  padding:5px 10px;
  color:var(--navy);
  background:rgba(255,255,255,.52);
  text-decoration:none;
  font-size:12.5px;
  font-weight:600;
}
.account-path a:hover{
  border-color:rgba(44,94,63,.34);
  color:var(--slate);
}
.account-monitor .card{
  min-height:138px;
}
.upload-form{
  margin-top:18px;
}
.upload-status{
  display:inline-block;
  margin-left:12px;
  color:var(--mute);
  font-size:12.5px;
}
.auth-error{
  margin-top:14px;
}
.template-form textarea{
  min-height:168px;
}
.qr-access-card{
  overflow:hidden;
}
.qr-access-card>.card{
  background:linear-gradient(180deg, rgba(251,248,241,.98), rgba(236,228,210,.82));
}

/* Admin access and governance network */
.admin-access-page .wrap{
  max-width:1320px;
}
.admin-access-lock{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,430px);
  gap:28px;
  align-items:start;
}
.admin-access-form{
  min-height:250px;
}
.admin-access-form .upload-status{
  display:block;
  min-height:22px;
  margin:12px 0 0;
}
.admin-access-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:26px;
  align-items:center;
  margin-bottom:24px;
  padding:32px;
  border:1px solid rgba(217,169,85,.25);
  border-radius:10px;
  color:#fff;
  background:
    linear-gradient(112deg, rgba(31,28,23,.97), rgba(44,94,63,.88) 62%, rgba(126,90,16,.86));
  box-shadow:var(--sh-2), inset 0 1px 0 rgba(251,248,241,.10);
}
.admin-access-hero h1{
  margin-bottom:8px;
}
.admin-access-hero .lede{
  color:#f4ead2;
}
.admin-access-level{
  min-height:170px;
  display:grid;
  align-content:center;
  justify-items:center;
  text-align:center;
  border:1px solid rgba(217,169,85,.34);
  border-radius:9px;
  padding:20px;
  background:rgba(251,248,241,.07);
  box-shadow:inset 0 1px 0 rgba(251,248,241,.12);
}
.admin-access-level span,
.admin-access-level small{
  color:#f4ead2;
}
.admin-access-level span{
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
}
.admin-access-level strong{
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:82px;
  line-height:.88;
  color:#d9a955;
}
.admin-access-level small{
  display:block;
  max-width:180px;
  font-size:12px;
}
.admin-governance{
  display:grid;
  gap:24px;
}
.gov-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.gov-metrics div,
.gov-process div,
.gov-card,
.gov-board-node,
.gov-review-card{
  border:1px solid var(--line);
  border-top-color:rgba(255,255,255,.58);
  border-radius:10px;
  background:
    radial-gradient(120% 90% at 8% -10%, rgba(255,255,255,.45), transparent 58%),
    linear-gradient(180deg, rgba(251,248,241,.96), rgba(236,228,210,.76));
  box-shadow:var(--sh-1), var(--inset);
}
.gov-metrics div{
  min-height:112px;
  padding:18px;
}
.gov-metrics strong{
  display:block;
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:42px;
  line-height:1;
  color:var(--slate);
}
.gov-metrics span{
  display:block;
  margin-top:8px;
  color:var(--mute);
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:700;
}
.gov-process{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.gov-process div{
  min-height:152px;
  padding:20px;
}
.gov-process span{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(180deg, var(--brass-lt), var(--brass));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
  font-weight:800;
}
.gov-process strong{
  display:block;
  font-size:18px;
}
.gov-process p{
  margin:8px 0 0;
  color:var(--mute);
  font-size:13.5px;
}
.gov-section{
  padding-top:4px;
}
.gov-section-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(300px,.72fr);
  gap:24px;
  align-items:end;
  margin:16px 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(31,36,33,.12);
}
.gov-section-head h2{
  margin-bottom:0;
}
.gov-section-head p{
  margin:0;
  color:var(--mute);
}
.gov-grid{
  display:grid;
  gap:14px;
}
.gov-grid.g2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.gov-grid.g3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.gov-grid.g4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.gov-card,
.gov-review-card{
  padding:18px;
  min-height:160px;
}
details.gov-card{
  padding:0;
  overflow:hidden;
}
.gov-card summary{
  cursor:pointer;
  list-style:none;
  padding:18px;
  min-height:94px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.gov-card summary::-webkit-details-marker{
  display:none;
}
.gov-card summary span{
  color:var(--brass);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.gov-card summary strong{
  display:block;
  color:var(--ink);
  font-size:17px;
  line-height:1.2;
}
.gov-card[open] summary{
  border-bottom:1px solid var(--line-2);
  background:linear-gradient(180deg, rgba(44,94,63,.08), rgba(44,94,63,.025));
}
.gov-field{
  display:grid;
  gap:5px;
  padding:11px 18px;
  border-bottom:1px solid var(--line-2);
}
.gov-field:last-child{
  border-bottom:0;
}
.gov-field strong{
  color:var(--slate);
  font-size:10.5px;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.gov-field span,
.gov-field li{
  color:var(--char);
  font-size:13px;
  line-height:1.5;
}
.gov-field ul{
  margin:0;
  padding-left:18px;
}
.gov-flow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:10px 12px;
}
.gov-flow .gov-field{
  height:100%;
  border:1px solid rgba(44,94,63,.15);
  border-radius:8px;
  padding:12px;
  background:rgba(44,94,63,.055);
}
.gov-board-node{
  margin-bottom:14px;
  padding:22px;
}
.gov-board-node h3{
  margin-bottom:8px;
}
.gov-board-node p{
  max-width:900px;
  color:var(--mute);
}
.gov-operating{
  border-left:4px solid var(--slate);
}
.gov-gap{
  border-left:4px solid var(--warn);
}
.gov-review-card h3{
  margin-top:8px;
}
.gov-review-card p{
  color:var(--mute);
  font-size:13.5px;
  margin:0;
}
.gov-review-meta{
  display:grid;
  gap:5px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line-2);
}
.gov-review-meta span{
  color:var(--char);
  font-size:12px;
}
.board-review-workbench{
  display:grid;
  gap:18px;
  margin-top:22px;
}
.board-review-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.board-review-summary div{
  min-height:104px;
  padding:18px;
  border:1px solid var(--line);
  border-top-color:rgba(255,255,255,.58);
  border-radius:10px;
  background:linear-gradient(180deg, rgba(251,248,241,.96), rgba(236,228,210,.76));
  box-shadow:var(--sh-1), var(--inset);
}
.board-review-summary strong{
  display:block;
  color:var(--slate);
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:42px;
  line-height:1;
}
.board-review-summary span{
  display:block;
  margin-top:8px;
  color:var(--mute);
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.board-review-list{
  display:grid;
  gap:16px;
}
.board-review-form{
  border-left:4px solid var(--brass);
}
.board-review-title{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:10px;
}
.board-review-title h3{
  margin-bottom:0;
}
.board-review-edit-grid{
  display:grid;
  grid-template-columns:220px minmax(220px,1fr);
  gap:14px;
  margin-top:16px;
}
.board-review-edit-grid .full{
  grid-column:1/-1;
}
.board-review-form textarea{
  min-height:118px;
}
.transaction-permission-card .governance-gate-notice{
  margin-top:14px;
}
.governance-gate-notice ul{
  margin:8px 0 0 18px;
  padding:0;
}
.governance-gate-notice li{
  margin-top:4px;
}
.governance-boundary-gate{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:22px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(138,43,43,.24);
  border-radius:10px;
  color:#fff;
  background:linear-gradient(112deg, rgba(31,28,23,.97), rgba(126,90,16,.86));
  box-shadow:var(--sh-2), inset 0 1px 0 rgba(251,248,241,.10);
}
.governance-boundary-gate.ready{
  border-color:rgba(20,107,69,.28);
  background:linear-gradient(112deg, rgba(31,28,23,.97), rgba(44,94,63,.88));
}
.governance-boundary-gate h2{
  margin-bottom:8px;
}
.governance-boundary-gate p{
  max-width:760px;
  margin:0;
  color:#f4ead2;
}
.governance-boundary-form{
  border-left:4px solid var(--bad);
}
.governance-boundary-form:has(select option:checked[value="COMPLETE"]){
  border-left-color:var(--ok);
}
button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}

.metwave-hero{
  min-height:520px;
  display:grid;
  align-items:end;
  padding:86px 0 42px;
  color:#fff;
  background:
    linear-gradient(90deg, rgba(22,19,16,.86), rgba(22,19,16,.50) 48%, rgba(22,19,16,.24)),
    linear-gradient(180deg, rgba(22,19,16,.10), rgba(22,19,16,.60)),
    url("assets/icmci-hero-mining-concept.png") center/cover no-repeat;
}
.metwave-hero h1{
  max-width:720px;
  margin-bottom:12px;
  color:#fff;
}
.metwave-hero .lede{
  max-width:720px;
  color:#f4ead2;
}
.metwave-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:28px;
  align-items:end;
}
.metwave-hero-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.metwave-hero-panel div{
  min-height:112px;
  padding:16px;
  border:1px solid rgba(217,169,85,.34);
  border-radius:8px;
  background:rgba(31,28,23,.86);
  box-shadow:var(--sh-2);
}
.metwave-hero-panel strong{
  display:block;
  color:var(--brass-lt);
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:42px;
  line-height:1;
}
.metwave-hero-panel span{
  display:block;
  margin-top:8px;
  color:#f4ead2;
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.metwave-page{
  background:linear-gradient(180deg, var(--paper), var(--paper-2));
}
.metwave-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.metwave-process article{
  min-height:210px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fbf8f1;
  box-shadow:var(--sh-1), var(--inset);
}
.metwave-process span{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--navy-3);
  font-weight:800;
}
.metwave-process strong{
  display:block;
  margin-top:14px;
  color:var(--navy);
  font-size:17px;
}
.metwave-process p{
  min-height:74px;
  margin:8px 0 10px;
  color:var(--char);
  font-size:13.5px;
}
.metwave-process small{
  display:block;
  padding-top:10px;
  border-top:1px solid var(--line-2);
  color:var(--mute);
  font-size:12px;
  line-height:1.45;
}
.metwave-qr-access{
  border-left:4px solid var(--ok);
}
.metwave-active{
  border-left:4px solid var(--brass);
}
.metwave-active .grid div{
  display:grid;
  gap:5px;
  padding:12px;
  border:1px solid rgba(44,94,63,.14);
  border-radius:8px;
  background:rgba(44,94,63,.055);
}
.metwave-active strong{
  color:var(--slate);
  font-size:10.5px;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.metwave-active span{
  color:var(--char);
  font-size:13px;
}
.metwave-delegate-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:14px;
}
.metwave-delegate{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:16px;
  padding:16px;
  border:1px solid var(--line);
  border-left:4px solid var(--brass);
  border-radius:8px;
  background:#fbf8f1;
  box-shadow:var(--sh-1), var(--inset);
}
.metwave-delegate.selected{
  border-left-color:var(--ok);
  box-shadow:0 0 0 2px rgba(44,94,63,.16), var(--sh-1), var(--inset);
}
.metwave-qr{
  display:grid;
  min-height:132px;
  place-items:center;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:#fff;
}
.metwave-qr img,
.admin-metwave-qr{
  display:block;
  width:112px;
  height:112px;
  object-fit:contain;
}
.admin-metwave-qr{
  width:74px;
  height:74px;
}
.metwave-delegate h3{
  margin-bottom:4px;
}
.metwave-delegate p{
  color:var(--mute);
  font-size:13px;
}
.metwave-mini{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.metwave-mini span{
  padding:5px 8px;
  border:1px solid var(--line-2);
  border-radius:999px;
  color:var(--slate);
  background:rgba(44,94,63,.065);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.metwave-sco-table tr.selected-row{
  background:rgba(217,169,85,.12);
}
.metwave-admin-card{
  border-left:4px solid var(--brass);
}
.metwave-sco-form{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;
  gap:8px;
  align-items:center;
  min-width:520px;
}
.metwave-sco-form select{
  min-height:34px;
  padding:5px 8px;
  font-size:12px;
}
.metwave-drop{
  display:grid;
  gap:7px;
  margin-top:16px;
  padding:28px;
  border:2px dashed rgba(44,94,63,.30);
  border-radius:8px;
  text-align:center;
  background:rgba(44,94,63,.055);
  cursor:pointer;
}
.metwave-drop.dragging{
  border-color:var(--ok);
  background:rgba(44,94,63,.11);
}
.metwave-drop input{
  display:none;
}
.metwave-drop strong{
  color:var(--navy);
  font-size:18px;
}
.metwave-drop span{
  color:var(--mute);
  font-size:13px;
}

.ai-inline-notice{
  margin:16px 0 18px;
  border-left:4px solid var(--brass-lt);
}
.ai-inline-notice p{
  margin:5px 0 8px;
}
.legal-page{
  padding:54px 0 62px;
  background:
    radial-gradient(760px 420px at 80% 3%, rgba(217,169,85,.15), transparent 64%),
    radial-gradient(880px 520px at 8% 20%, rgba(44,94,63,.14), transparent 68%);
}
.legal-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,330px);
  gap:28px;
  align-items:end;
  margin-bottom:22px;
}
.legal-head h1{
  max-width:900px;
}
.legal-status{
  display:grid;
  gap:8px;
  padding:18px;
  border:1px solid rgba(31,36,33,.12);
  border-left:4px solid var(--brass);
  border-radius:8px;
  background:rgba(251,248,241,.76);
  box-shadow:var(--sh-1), var(--inset);
}
.legal-status strong{
  color:var(--navy);
}
.legal-status small{
  color:var(--mute);
  line-height:1.35;
}
.legal-notice-hero{
  border-left:4px solid var(--brass);
}
.legal-notice-hero p{
  font-size:15px;
  color:var(--ink);
}
.legal-mini-notice{
  display:grid;
  gap:4px;
  margin-top:10px;
  padding:12px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(44,94,63,.055);
}
.legal-overview,
.legal-section{
  margin-top:18px;
}
.legal-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.58fr);
  gap:18px;
  align-items:end;
  margin:28px 0 14px;
}
.legal-section-head p{
  margin:0;
  color:var(--mute);
}
.legal-data-classes,
.legal-label-grid,
.ai-gov-labels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.legal-data-classes div{
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(44,94,63,.055);
}
.legal-data-classes span{
  color:var(--mute);
  font-size:12.5px;
}
.legal-chain{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.legal-chain span,
.ai-gov-pills span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(44,94,63,.20);
  border-radius:8px;
  background:rgba(44,94,63,.07);
  color:var(--navy);
  font-weight:700;
  font-size:12px;
}
.legal-doc-list{
  display:grid;
  gap:12px;
}
.legal-doc summary{
  cursor:pointer;
  display:flex;
  gap:12px;
  align-items:center;
}
.legal-doc summary span{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:8px;
  background:rgba(184,138,61,.16);
  color:var(--brass);
  font-weight:900;
}
.legal-doc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.legal-doc-grid div{
  padding:10px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(255,255,255,.24);
}
.legal-doc-grid .full{
  grid-column:1 / -1;
}
.legal-doc-grid p{
  margin:3px 0 0;
}
.legal-source{
  text-decoration:none;
}
.ai-gov-section{
  margin-top:22px;
}
.ai-gov-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ai-gov-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ai-gov-control{
  border-left:4px solid rgba(184,138,61,.52);
}
.video-training-page{
  padding:50px 0 60px;
}
.video-training-recommendation{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(31,36,33,.12);
  border-left:4px solid var(--ok);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(251,248,241,.96), rgba(236,228,210,.78));
  box-shadow:var(--sh-1), var(--inset);
}
.video-training-recommendation h2{
  margin:4px 0 8px;
}
.video-training-workbench{
  margin-top:18px;
  align-items:start;
}
.video-training-form{
  border-top:3px solid rgba(44,94,63,.34);
}
.video-training-authority{
  margin-top:18px;
  border-left:4px solid var(--brass);
}
.video-training-authority .grid{
  margin-top:14px;
}
.video-training-authority .mono{
  word-break:break-word;
}
.video-training-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.video-training-tool{
  border-left:4px solid rgba(44,94,63,.28);
}
.video-training-tool.selected{
  border-left-color:var(--ok);
  box-shadow:0 0 0 2px rgba(44,94,63,.14), var(--sh-2), var(--inset);
}
.video-training-ratings{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:12px 0;
}
.video-training-ratings span,
.video-training-criteria div{
  display:grid;
  gap:3px;
  padding:9px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(44,94,63,.055);
  min-width:0;
}
.video-training-ratings strong,
.video-training-criteria strong{
  color:var(--mute);
  font-size:10.5px;
  text-transform:uppercase;
}
.video-training-criteria{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.video-training-section{
  margin-top:22px;
}

.critical-page{
  padding:54px 0 62px;
  background:
    radial-gradient(760px 420px at 80% 3%, rgba(217,169,85,.16), transparent 64%),
    radial-gradient(880px 520px at 8% 20%, rgba(44,94,63,.15), transparent 68%);
}
.critical-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px);
  gap:28px;
  align-items:end;
  margin-bottom:22px;
}
.critical-head h1{
  max-width:760px;
}
.critical-lock{
  display:grid;
  gap:5px;
  padding:18px;
  border:1px solid rgba(31,36,33,.12);
  border-left:4px solid var(--brass);
  border-radius:8px;
  background:rgba(251,248,241,.76);
  box-shadow:var(--sh-1), var(--inset);
}
.critical-lock span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 0 6px rgba(20,107,69,.12);
}
.critical-lock small{
  color:var(--mute);
  line-height:1.35;
}
.critical-kpis{
  margin:16px 0;
}
.critical-kpi{
  min-height:104px;
  border-top:3px solid rgba(184,138,61,.5);
}
.critical-search,
.admin-critical-search{
  display:grid;
  gap:16px;
  margin-top:18px;
}
.critical-search{
  grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  align-items:end;
}
.critical-search form,
.admin-critical-search{
  display:grid;
  gap:10px;
}
.critical-search form{
  grid-template-columns:minmax(140px,1fr) repeat(4,minmax(110px,.78fr)) auto;
}
.admin-critical-search{
  grid-template-columns:minmax(190px,.9fr) repeat(7,minmax(105px,1fr)) auto;
}
.critical-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.critical-workspace > *,
.critical-project-grid,
.critical-forms,
.critical-form,
.critical-admin-project{
  min-width:0;
}
.critical-project-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.critical-project-card{
  appearance:none;
  display:block;
  width:100%;
  min-height:222px;
  padding:17px;
  border:1px solid rgba(31,36,33,.12);
  border-left:4px solid rgba(44,94,63,.28);
  border-radius:8px;
  background:
    radial-gradient(120% 80% at 10% -10%, rgba(255,255,255,.55), transparent 56%),
    rgba(251,248,241,.84);
  color:var(--ink);
  text-align:left;
  box-shadow:var(--sh-1), var(--inset);
  cursor:pointer;
}
.critical-project-card:hover,
.critical-project-card.selected{
  border-left-color:var(--brass);
  box-shadow:0 0 0 2px rgba(217,169,85,.16), var(--sh-2), var(--inset);
}
.critical-project-card h3{
  margin:0 0 7px;
  font-size:18px;
}
.critical-project-card p{
  min-height:38px;
}
.critical-spec-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.critical-spec-grid span{
  display:grid;
  gap:3px;
  min-width:0;
  padding:9px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(44,94,63,.055);
}
.critical-spec-grid strong{
  color:var(--mute);
  font-size:10.5px;
  text-transform:uppercase;
}
.critical-spec-grid em{
  color:var(--navy);
  font-style:normal;
  font-weight:750;
  overflow-wrap:anywhere;
}
.critical-status-strip{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.critical-selected{
  position:sticky;
  top:84px;
  border-left:4px solid var(--brass-lt);
}
.critical-forms{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.critical-form{
  align-self:start;
}
.critical-form .upload-status,
.critical-admin-project .upload-status{
  display:inline-block;
  margin-left:10px;
  color:var(--mute);
  font-size:12px;
}
.critical-account-lock{
  margin-top:18px;
  border-left:4px solid var(--brass);
}
.critical-lower{
  margin-top:18px;
}
.critical-requirement{
  border:1px solid var(--line-2);
  border-radius:8px;
  margin-top:9px;
  background:rgba(255,255,255,.28);
}
.critical-requirement summary{
  cursor:pointer;
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:10px;
  padding:11px 12px;
}
.critical-requirement summary span{
  color:var(--brass);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.critical-req-body{
  display:grid;
  gap:10px;
  padding:0 12px 12px;
}
.critical-req-body p{
  margin:2px 0 0;
}
.critical-table td{
  vertical-align:top;
}
.critical-table{
  max-width:100%;
  overflow:auto;
}
.critical-table table{
  min-width:760px;
}
.critical-mini-status{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}
.critical-admin-project{
  margin-top:14px;
  border-left:4px solid var(--brass);
}
.critical-admin-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.critical-admin-edit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.critical-admin-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.critical-admin-evidence{
  display:grid;
  gap:8px;
  margin-top:8px;
}
.critical-admin-evidence div{
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(44,94,63,.055);
}
.critical-admin-evidence span,
.critical-admin-evidence em{
  color:var(--mute);
  font-size:12px;
  font-style:normal;
  overflow-wrap:anywhere;
}

.satellite-page{
  padding:54px 0 62px;
  background:
    radial-gradient(760px 420px at 80% 3%, rgba(217,169,85,.18), transparent 64%),
    radial-gradient(880px 520px at 8% 20%, rgba(44,94,63,.16), transparent 68%);
}
.satellite-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px);
  gap:28px;
  align-items:end;
  margin-bottom:22px;
}
.satellite-head h1{
  max-width:860px;
}
.satellite-live{
  display:grid;
  gap:5px;
  padding:18px;
  border:1px solid rgba(31,36,33,.12);
  border-left:4px solid var(--brass);
  border-radius:8px;
  background:rgba(251,248,241,.74);
  box-shadow:var(--sh-1), var(--inset);
}
.satellite-live span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 0 6px rgba(20,107,69,.12);
}
.satellite-live strong{
  color:var(--navy);
  font-size:22px;
}
.satellite-live small{
  color:var(--mute);
  line-height:1.35;
}
.satellite-kpis{
  margin:18px 0;
}
.satellite-kpi{
  min-height:114px;
  border-top:3px solid rgba(184,138,61,.5);
}
.satellite-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:18px;
  align-items:stretch;
  margin-top:18px;
}
.satellite-image-card{
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(31,36,33,.14);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(22,19,16,.95), rgba(31,28,23,.96)),
    radial-gradient(circle at 50% 50%, rgba(44,94,63,.22), transparent 58%);
  box-shadow:var(--sh-3);
}
.satellite-live-toolbar{
  display:grid;
  grid-template-columns:minmax(210px,1.2fr) minmax(150px,.7fr) minmax(150px,.65fr) auto;
  gap:10px;
  align-items:end;
  padding:14px;
  border-bottom:1px solid rgba(217,169,85,.22);
  background:linear-gradient(180deg, rgba(251,248,241,.92), rgba(236,228,210,.78));
}
.satellite-live-toolbar label{
  display:grid;
  gap:5px;
  min-width:0;
}
.satellite-live-toolbar span{
  color:var(--mute);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.satellite-live-toolbar select,
.satellite-live-toolbar input{
  width:100%;
  min-height:38px;
  border:1px solid rgba(31,36,33,.16);
  border-radius:7px;
  padding:7px 9px;
  background:#fbf8f1;
  color:var(--ink);
  font:inherit;
  font-size:12.5px;
}
.satellite-live-toolbar input[type="range"]{
  padding:0;
  accent-color:var(--brass);
}
.satellite-live-toolbar .muted-control{
  opacity:.52;
}
.satellite-live-controls{
  display:grid;
  grid-template-columns:repeat(6,34px);
  gap:6px;
}
.satellite-live-controls button{
  width:34px;
  height:34px;
  border:1px solid rgba(31,36,33,.16);
  border-radius:7px;
  background:#fbf8f1;
  color:var(--navy);
  cursor:pointer;
  font-weight:850;
  box-shadow:var(--sh-0);
}
.satellite-live-controls button:hover{
  border-color:rgba(217,169,85,.48);
  color:var(--brass);
}
.satellite-source-strip{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 14px;
  border-bottom:1px solid rgba(217,169,85,.16);
  background:rgba(251,248,241,.12);
}
.satellite-source-strip span{
  display:inline-flex;
  gap:6px;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(217,169,85,.22);
  border-radius:7px;
  background:rgba(251,248,241,.10);
  color:#ece4d2;
  font-size:11px;
}
.satellite-source-strip strong{
  color:#d9a955;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.satellite-live-map{
  position:relative;
  width:100%;
  min-height:500px;
  overflow:hidden;
  background:#1f1c17;
}
.satellite-live-grid,
.satellite-live-overlay{
  position:absolute;
  inset:0;
}
.satellite-live-tile{
  position:absolute;
  width:256px;
  height:256px;
  overflow:hidden;
  background:#27231d;
}
.satellite-live-tile img{
  display:block;
  width:256px;
  height:256px;
}
.satellite-live-tile.tile-error{
  display:grid;
  place-items:center;
  border:1px solid rgba(217,169,85,.15);
}
.satellite-live-tile.tile-error img{
  display:none;
}
.satellite-live-tile.tile-error em{
  color:#d9c8a5;
  font-size:11px;
  font-style:normal;
}
.satellite-live-overlay{
  pointer-events:none;
  background:
    linear-gradient(rgba(217,169,85,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217,169,85,.10) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, transparent 0 42%, rgba(31,28,23,.10) 72%, rgba(31,28,23,.46) 100%);
  background-size:64px 64px,64px 64px,100% 100%;
  mix-blend-mode:screen;
  opacity:.44;
}
.satellite-live-center{
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(217,169,85,.78);
  border-radius:50%;
  box-shadow:0 0 0 7px rgba(217,169,85,.13), inset 0 0 18px rgba(217,169,85,.20);
  pointer-events:none;
}
.satellite-live-center::before,
.satellite-live-center::after{
  content:"";
  position:absolute;
  background:rgba(217,169,85,.82);
}
.satellite-live-center::before{
  left:50%;
  top:-12px;
  width:1px;
  height:58px;
}
.satellite-live-center::after{
  left:-12px;
  top:50%;
  width:58px;
  height:1px;
}
.satellite-live-credit{
  position:absolute;
  left:12px;
  bottom:12px;
  max-width:calc(100% - 24px);
  padding:6px 9px;
  border:1px solid rgba(251,248,241,.20);
  border-radius:7px;
  background:rgba(22,19,16,.74);
  color:#f4ead2;
  font-size:11px;
  line-height:1.35;
  backdrop-filter:blur(8px);
}
.satellite-live-pin{
  position:absolute;
  z-index:6;
  min-width:18px;
  min-height:18px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(251,248,241,.75);
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 0 0 6px rgba(251,248,241,.14), 0 10px 22px -10px rgba(0,0,0,.6);
}
.satellite-live-pin span{
  position:absolute;
  left:18px;
  top:-8px;
  white-space:nowrap;
  padding:4px 7px;
  border-radius:6px;
  background:rgba(22,19,16,.82);
  color:#fbf8f1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
}
.satellite-live-pin.b-ok{
  background:var(--ok);
}
.satellite-live-pin.b-warn{
  background:var(--warn);
}
.satellite-live-pin.b-bad{
  background:var(--bad);
}
.satellite-live-foot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:11px 14px 13px;
  border-top:1px solid rgba(217,169,85,.22);
  color:#ece4d2;
  background:rgba(22,19,16,.94);
  font-size:12px;
}
.satellite-selected{
  margin-bottom:18px;
  border-left:4px solid var(--brass-lt);
}
.satellite-selected p{
  margin:10px 0 14px;
  color:var(--mute);
}
.satellite-selected .grid{
  gap:8px;
}
.satellite-selected .grid div,
.satellite-metrics span{
  display:grid;
  gap:2px;
  padding:9px;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:rgba(44,94,63,.055);
}
.satellite-selected strong,
.satellite-metrics strong{
  color:var(--mute);
  font-size:10.5px;
  text-transform:uppercase;
}
.satellite-selected span,
.satellite-metrics em{
  color:var(--navy);
  font-style:normal;
  font-weight:800;
}
.satellite-location-form{
  border-top:3px solid rgba(44,94,63,.34);
}
.satellite-location-form .upload-status{
  display:inline-block;
  margin-left:10px;
  color:var(--mute);
  font-size:12px;
}
.satellite-aoi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.satellite-aoi-card{
  appearance:none;
  display:block;
  width:100%;
  min-height:190px;
  padding:16px;
  border:1px solid rgba(31,36,33,.12);
  border-left:4px solid rgba(44,94,63,.30);
  border-radius:8px;
  background:rgba(251,248,241,.82);
  color:var(--ink);
  text-align:left;
  box-shadow:var(--sh-1), var(--inset);
  cursor:pointer;
}
.satellite-aoi-card:hover,
.satellite-aoi-card.selected{
  border-left-color:var(--brass);
  box-shadow:0 0 0 2px rgba(217,169,85,.18), var(--sh-2), var(--inset);
}
.satellite-aoi-card h3{
  margin:0 0 8px;
  font-size:18px;
}
.satellite-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:12px 0;
}
.satellite-coords{
  color:var(--mute);
  font-size:11px;
  line-height:1.45;
}
.satellite-method{
  margin-top:18px;
}

.manual-page{
  padding:38px 0 56px;
}
.manual-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:28px;
  align-items:stretch;
  padding:26px;
  border:1px solid rgba(29,58,44,.16);
  background:
    linear-gradient(135deg, rgba(251,248,241,.97), rgba(239,233,219,.86)),
    radial-gradient(circle at 10% 0%, rgba(192,142,75,.18), transparent 34%);
  box-shadow:var(--sh-2);
  border-radius:8px;
}
.manual-hero.admin{
  background:
    linear-gradient(135deg, rgba(16,31,42,.96), rgba(29,58,44,.9)),
    radial-gradient(circle at 10% 0%, rgba(192,142,75,.2), transparent 34%);
  color:#fbf8f1;
}
.manual-hero.admin .lede,
.manual-hero.admin .note,
.manual-hero.admin p{
  color:rgba(251,248,241,.78);
}
.manual-hero-panel{
  min-height:240px;
  border:1px solid rgba(192,142,75,.34);
  background:rgba(255,255,255,.56);
  border-radius:8px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
.manual-hero-panel.admin{
  background:rgba(251,248,241,.1);
  border-color:rgba(251,248,241,.22);
}
.manual-hero-panel.admin h3{
  color:#fbf8f1;
}
.manual-hero-panel textarea{
  width:100%;
  resize:vertical;
  min-height:106px;
}
.manual-step-token{
  width:54px;
  height:54px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:var(--green);
  color:#fbf8f1;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:22px;
  font-weight:700;
  margin-right:8px;
}
.manual-search{
  margin:24px 0;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(29,58,44,.15);
  background:rgba(251,248,241,.8);
  border-radius:8px;
}
.manual-search label{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--mute);
  font-weight:700;
}
.manual-search input{
  margin:0;
}
.manual-search span{
  font-size:12px;
  color:var(--mute);
  white-space:nowrap;
}
.manual-section-head{
  margin:28px 0 14px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.manual-section-head h2{
  margin:2px 0 0;
}
.manual-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.manual-grid.g2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.manual-card,
.manual-definition,
.manual-result,
.manual-chat-message{
  border:1px solid rgba(29,58,44,.14);
  background:rgba(251,248,241,.92);
  border-radius:8px;
  box-shadow:var(--sh-1);
}
.manual-card{
  position:relative;
  padding:20px;
  overflow:hidden;
}
.manual-card.compact{
  min-height:260px;
}
.manual-card-index{
  position:absolute;
  right:16px;
  top:14px;
  color:rgba(29,58,44,.13);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:42px;
  font-weight:800;
  line-height:1;
}
.manual-card h3{
  max-width:82%;
  margin:4px 0 8px;
}
.manual-card p,
.manual-definition p,
.manual-result small{
  color:var(--mute);
  line-height:1.55;
}
.manual-card ol{
  margin:12px 0 0 18px;
  padding:0;
}
.manual-card li{
  margin:7px 0;
  font-size:13.5px;
  line-height:1.45;
}
.manual-links{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.manual-definitions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.manual-definition{
  padding:16px;
}
.manual-definition h4{
  margin:0 0 7px;
}
.manual-chat-output{
  margin-top:18px;
  max-height:420px;
  overflow:auto;
  display:grid;
  gap:10px;
}
.manual-chat-message{
  padding:14px 16px;
}
.manual-chat-message.user{
  background:#e9f0e7;
  margin-left:9%;
}
.manual-chat-message.bot{
  margin-right:9%;
}
.manual-chat-message.pending{
  opacity:.72;
}
.manual-chat-message p{
  margin:5px 0 0;
}
.manual-chat-message ol{
  margin:10px 0 0 18px;
  padding:0;
}
.manual-prompt-row{
  margin:14px 0 22px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.manual-search-results{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:22px;
}
.manual-result{
  display:block;
  padding:14px;
  text-decoration:none;
}
.manual-result strong{
  display:block;
  margin:8px 0 5px;
  color:var(--ink);
}
.manual-result small{
  display:block;
}

@media(max-width:1080px){
  .auth-hero-wrap{
    grid-template-columns:1fr;
  align-items:end;
  }
  .auth-panel{
    max-width:520px;
  }
}
@media(max-width:900px){
  .account-shell{
    grid-template-columns:1fr;
  }
  .account-side{
    position:static;
  }
  .admin-access-lock,
  .admin-access-hero,
  .gov-section-head,
  .gov-process,
  .gov-flow,
  .gov-grid.g2,
  .gov-grid.g3,
  .gov-grid.g4,
  .board-review-summary,
  .board-review-edit-grid,
  .governance-boundary-gate,
  .metwave-hero-inner,
  .metwave-process,
  .metwave-delegate-grid,
  .legal-head,
  .legal-section-head,
  .legal-data-classes,
  .legal-label-grid,
  .legal-doc-grid,
  .ai-gov-labels,
  .ai-gov-controls,
  .video-training-recommendation,
  .video-training-tools,
  .video-training-criteria,
  .critical-head,
  .critical-search,
  .critical-search form,
  .admin-critical-search,
  .critical-workspace,
  .critical-project-grid,
  .critical-forms,
  .critical-admin-edit-grid,
  .critical-admin-split,
  .satellite-head,
  .satellite-workspace{
    grid-template-columns:1fr;
  }
  .metwave-sco-form{
    min-width:0;
    grid-template-columns:1fr;
  }
  .gov-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .satellite-aoi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .critical-selected{
    position:static;
  }
  .satellite-image-card{
    min-height:520px;
  }
  .satellite-live-toolbar{
    grid-template-columns:1fr 1fr;
  }
  .satellite-live-controls{
    grid-column:1 / -1;
    grid-template-columns:repeat(6,34px);
  }
}
@media(max-width:720px){
  .auth-nav{
    width:100%;
    margin-left:0;
    padding-left:0;
    border-left:0;
    overflow:auto;
  }
  .auth-hero{
    min-height:660px;
    padding:62px 0 58px;
    background-position:58% center;
  }
  .auth-copy h1{
    font-size:48px;
  }
  .auth-proof-grid{
    grid-template-columns:1fr;
  }
  .auth-panel{
    padding:18px;
  }
  .account-hero-card{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-access-hero{
    padding:24px;
  }
  .admin-access-level{
    min-height:140px;
  }
  .gov-metrics{
    grid-template-columns:1fr;
  }
  .gov-card summary{
    min-height:82px;
  }
  .metwave-hero{
    min-height:610px;
    padding:72px 0 34px;
    background-position:58% center;
  }
  .metwave-delegate{
    grid-template-columns:1fr;
  }
  .metwave-qr{
    min-height:118px;
  }
  .legal-page{
    padding:34px 0 44px;
  }
  .legal-head,
  .legal-section-head{
    gap:18px;
  }
  .video-training-ratings{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .critical-page{
    padding:34px 0 44px;
  }
  .critical-head{
    gap:18px;
  }
  .critical-spec-grid,
  .critical-requirement summary{
    grid-template-columns:1fr;
  }
  .satellite-page{
    padding:34px 0 44px;
  }
  .satellite-head{
    gap:18px;
  }
  .satellite-image-card{
    min-height:430px;
  }
  .satellite-live-toolbar{
    grid-template-columns:1fr;
  }
  .satellite-live-map{
    min-height:390px;
  }
  .satellite-live-foot{
    flex-direction:column;
  }
  .satellite-aoi-grid,
  .satellite-metrics{
    grid-template-columns:1fr;
  }
}

@media(max-width:1080px){
  .manual-hero{
    grid-template-columns:1fr;
  }
  .manual-grid,
  .manual-grid.g2,
  .manual-definitions,
  .manual-search-results{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .manual-page{
    padding:28px 0 40px;
  }
  .manual-hero{
    padding:18px;
  }
  .manual-search{
    grid-template-columns:1fr;
  }
  .manual-grid,
  .manual-grid.g2,
  .manual-definitions,
  .manual-search-results{
    grid-template-columns:1fr;
  }
  .manual-section-head{
    align-items:flex-start;
    flex-direction:column;
  }
.manual-chat-message.user,
.manual-chat-message.bot{
  margin-left:0;
  margin-right:0;
}
}

.mobile-flow-page{
  background:
    radial-gradient(980px 520px at 88% -8%, rgba(184,138,61,.15), transparent 66%),
    radial-gradient(820px 520px at 4% 2%, rgba(44,94,63,.12), transparent 64%),
    var(--bg);
}
.mobile-source-band{
  margin-top:22px;
  padding:24px;
  border-radius:8px;
  border:1px solid rgba(217,169,85,.24);
  background:
    radial-gradient(680px 260px at 10% 0%, rgba(217,169,85,.12), transparent 64%),
    linear-gradient(180deg, #1f1c17, #161310);
  color:#fbf8f1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:22px;
  align-items:center;
}
.mobile-source-band h2{
  color:#fbf8f1;
}
.mobile-source-band p{
  color:#d8cfb7;
}
.mobile-source-band code{
  display:block;
  padding:14px;
  border-radius:6px;
  border:1px solid rgba(217,169,85,.24);
  background:#0a0a08;
  color:#d9a955;
  overflow-wrap:anywhere;
}
.mobile-flow-section{
  margin-top:28px;
}
.mobile-palette-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:12px;
}
.mobile-palette-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border-radius:8px;
  border:1px solid rgba(31,36,33,.13);
  background:linear-gradient(180deg, rgba(251,248,241,.94), rgba(246,241,232,.78));
}
.mobile-palette-swatch{
  width:44px;
  height:44px;
  border-radius:8px;
  border:1px solid rgba(31,36,33,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.mobile-palette-card h3{
  margin:0 0 4px;
}
.mobile-palette-card p{
  margin-top:7px;
  font-size:12px;
  line-height:1.45;
}
.mobile-reference-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(210px,1fr));
  gap:18px;
}
.mobile-reference-phone{
  min-height:470px;
  border-radius:32px;
  padding:12px;
  background:#0a0a08;
  border:1px solid #2a2620;
  box-shadow:0 22px 46px -24px rgba(0,0,0,.65);
}
.mobile-reference-screen{
  height:100%;
  border-radius:24px;
  overflow:hidden;
  background:#f6f1e8;
  border:1px solid rgba(216,207,183,.72);
  display:flex;
  flex-direction:column;
}
.mobile-reference-status{
  padding:14px 18px 6px;
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#6a6f68;
}
.mobile-reference-head{
  padding:14px 18px 16px;
  background:#fbf8f1;
  border-bottom:1px solid #d8cfb7;
}
.mobile-reference-head h3{
  margin:5px 0 4px;
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:26px;
  color:#1f2421;
}
.mobile-reference-head p{
  margin:0;
  color:#6a6f68;
  font-size:12px;
}
.mobile-reference-list{
  display:grid;
  gap:10px;
  padding:16px 18px;
}
.mobile-reference-list div{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border-radius:8px;
  background:#fbf8f1;
  border:1px solid #d8cfb7;
  color:#1f2421;
  font-size:12px;
}
.mobile-reference-list span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2c5e3f;
  box-shadow:0 0 0 3px rgba(44,94,63,.12);
}
.mobile-reference-screen button{
  margin:auto 18px 18px;
  min-height:42px;
  border:0;
  border-radius:8px;
  background:#2c5e3f;
  color:#fbf8f1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.mobile-flow-ladder{
  display:grid;
  grid-template-columns:repeat(6,minmax(140px,1fr));
  gap:10px;
}
.mobile-flow-step{
  padding:15px;
  border-radius:8px;
  border:1px solid rgba(31,36,33,.13);
  background:#fbf8f1;
  box-shadow:0 12px 24px -22px rgba(31,28,23,.38);
}
.mobile-flow-step strong{
  display:inline-flex;
  color:#b88a3d;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:11px;
  letter-spacing:.16em;
}
.mobile-flow-step h3{
  margin:7px 0 6px;
}
.mobile-flow-step p{
  font-size:12px;
  line-height:1.45;
}

@media(max-width:1100px){
  .mobile-palette-grid,
  .mobile-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mobile-flow-ladder{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .mobile-source-band{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .mobile-palette-grid,
  .mobile-reference-grid,
  .mobile-flow-ladder{
    grid-template-columns:1fr;
  }
  .mobile-source-band{
    padding:18px;
  }
}