:root {
  --ink:#18322f; --muted:#637571; --forest:#103e3a; --forest-2:#1b5c55;
  --mint:#dff2ec; --mint-2:#b9e1d6; --cream:#f5f2e8; --paper:#fffdf8;
  --gold:#f2b45d; --rose:#fbe9e6; --danger:#a73930; --amber:#9b6419;
  --line:#d8e2de; --white:#fff; --shadow:0 18px 55px rgba(16,62,58,.11);
  --shadow-sm:0 7px 22px rgba(16,62,58,.07); --radius:18px; --sidebar:260px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box} html{min-height:100%;scroll-behavior:smooth} body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink)}
button,input,select,textarea{font:inherit} button{color:inherit} a{color:inherit} [hidden]{display:none!important}
::selection{background:var(--mint-2);color:var(--forest)}
h1,h2,h3,h4,p{margin-top:0} h1,h2,h3{letter-spacing:-.025em} p{line-height:1.6}.muted{color:var(--muted)}
.skip-link{position:fixed;left:12px;top:-60px;z-index:999;padding:10px 14px;background:var(--forest);color:#fff;border-radius:9px}.skip-link:focus{top:12px}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;text-decoration:none}.brand b{color:var(--gold)}.brand-light{color:#fff}
.eyebrow{margin:0 0 8px;color:var(--forest-2);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:var(--mint-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:11px;padding:9px 15px;cursor:pointer;font-weight:750;text-decoration:none;transition:.16s ease}
.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 7px 18px rgba(16,62,58,.16)}.btn-primary:hover{background:var(--forest-2)}
.btn-secondary{background:#fff;border-color:var(--line);color:var(--forest)}.btn-secondary:hover{background:var(--mint);border-color:var(--mint-2)}.btn-quiet{background:transparent;color:var(--forest-2)}.btn-quiet:hover{background:var(--mint)}
.btn-danger{background:#fff6f4;border-color:#efccc7;color:var(--danger)}.btn-small{min-height:34px;padding:6px 10px;font-size:.82rem}.btn-block{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.icon-button:hover{background:var(--mint)}
.text-button{border:0;background:transparent;padding:0;color:var(--forest-2);cursor:pointer;font-weight:750;text-decoration:underline;text-underline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(47,142,129,.27);outline-offset:2px}
input,textarea,select{width:100%;border:1px solid #cbd8d4;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink)}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#63aa9d;box-shadow:0 0 0 4px rgba(99,170,157,.12);outline:0}
label.field{display:grid;gap:7px;font-size:.82rem;font-weight:750}.field small{font-weight:500;color:var(--muted)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-stack{display:grid;gap:15px}.check{display:flex;align-items:flex-start;gap:9px;font-size:.86rem}.check input{width:17px;height:17px;margin-top:2px;accent-color:var(--forest-2)}
.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip,.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:var(--mint);color:var(--forest);font-size:.72rem;font-weight:750}.chip.gold{background:#fff0d4;color:#7a5015}.chip.rose{background:var(--rose);color:var(--danger)}.chip.gray{background:#eef1ef;color:#5b6966}
.divider{height:1px;background:var(--line);margin:19px 0}.empty{border:1px dashed #bbcbc6;border-radius:15px;padding:26px;text-align:center;color:var(--muted);background:rgba(255,255,255,.45)}
.notice{border-left:4px solid var(--gold);border-radius:10px;padding:12px 14px;background:#fff5df;color:#684a1e;font-size:.88rem}.notice.safe{border-color:#58a99a;background:var(--mint);color:var(--forest)}.notice.danger{border-color:var(--danger);background:var(--rose);color:#772a24}

/* Authentication */
.auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.auth-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,58px);color:#fff;background:radial-gradient(circle at 82% 14%,rgba(242,180,93,.24),transparent 31%),radial-gradient(circle at 12% 88%,rgba(86,173,157,.25),transparent 35%),linear-gradient(135deg,#0d3432,#1c615a)}
.auth-hero:after{content:"";position:absolute;right:-170px;bottom:70px;width:530px;height:530px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 88px rgba(255,255,255,.025),0 0 0 176px rgba(255,255,255,.018)}
.auth-hero-copy{position:relative;z-index:1;max-width:720px;margin:clamp(40px,8vh,90px) auto 38px}.auth-hero-copy h1{font-size:clamp(2.7rem,5.2vw,5.35rem);line-height:.99;margin-bottom:20px}.auth-hero-copy>p:not(.eyebrow){max-width:670px;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.4vw,1.18rem)}
.hero-loop{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:25px 0;color:var(--mint-2);font-size:.79rem;font-weight:800;letter-spacing:.04em}.hero-loop i{font-style:normal;color:var(--gold)}
.preview-card{max-width:620px;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:21px 23px;background:rgba(255,255,255,.085);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.12)}.preview-card h2{margin:15px 0 7px;font-size:1.55rem}.preview-card p{color:rgba(255,255,255,.72)}.preview-label{display:flex;align-items:center;gap:8px;color:var(--mint-2);font-size:.68rem;font-weight:850;letter-spacing:.09em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(242,180,93,.14)}
.preview-card .chip{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.hero-trust{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:35px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{color:var(--gold)}.hero-trust span{font-size:.74rem;color:rgba(255,255,255,.58)}
.auth-panel{display:grid;place-items:center;padding:34px clamp(24px,5vw,68px);background:var(--paper)}.auth-panel-inner{width:min(500px,100%)}.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:25px}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:22px;padding:4px;border-radius:12px;background:#edf1ef}.auth-tab{border:0;border-radius:9px;padding:10px 5px;background:transparent;cursor:pointer;color:var(--muted);font-weight:750}.auth-tab.active{background:#fff;color:var(--forest);box-shadow:0 3px 12px rgba(16,62,58,.08)}.auth-card h2{font-size:2.15rem;margin-bottom:8px}.auth-legal{margin-top:18px;color:var(--muted);font-size:.76rem;text-align:center}

/* App shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar);flex-direction:column;border-right:1px solid rgba(16,62,58,.09);padding:22px 17px;background:var(--forest);color:#fff}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 6px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand div{display:flex;flex-direction:column}.sidebar-brand small{color:rgba(255,255,255,.56);font-size:.7rem}.primary-nav{display:grid;gap:4px;padding:20px 0;overflow:auto}.nav-button{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:11px;padding:10px 11px;background:transparent;color:rgba(255,255,255,.69);cursor:pointer;text-align:left;font-weight:700}.nav-button:hover{background:rgba(255,255,255,.08);color:#fff}.nav-button.active{background:#fff;color:var(--forest);box-shadow:0 9px 25px rgba(0,0,0,.13)}.nav-icon{width:23px;text-align:center;font-size:1rem}.sidebar-foot{display:grid;gap:12px;margin-top:auto}.cost-card{display:flex;gap:10px;width:100%;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px;background:rgba(255,255,255,.065);color:#fff;cursor:pointer;text-align:left}.cost-card span:nth-child(2){display:flex;flex-direction:column}.cost-card small{color:rgba(255,255,255,.57);font-size:.68rem}.cost-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(242,180,93,.15);color:var(--gold)}.user-mini{display:grid;grid-template-columns:36px 1fr 38px;gap:9px;align-items:center}.user-mini>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.user-mini small{overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.55);font-size:.68rem;white-space:nowrap}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--gold);color:var(--forest);font-size:.78rem;font-weight:850}.sidebar .icon-button{border-color:rgba(255,255,255,.12);background:transparent;color:#fff}
.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:20px;height:82px;margin-left:var(--sidebar);border-bottom:1px solid rgba(16,62,58,.08);padding:0 clamp(22px,4vw,52px);background:rgba(245,242,232,.91);backdrop-filter:blur(14px)}.topbar-title p{margin:0 0 3px;color:var(--forest-2);font-size:.65rem;font-weight:850;letter-spacing:.12em}.topbar-title h1{margin:0;font-size:1.55rem}.topbar-actions{display:flex;align-items:center;gap:9px}.mode-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 11px 6px 7px;background:#fff;cursor:pointer;font-size:.76rem}.mode-pill span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--mint);color:var(--forest);font-weight:850}.notification-button{position:relative}.notification-count{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;border-radius:10px;padding:0 4px;background:var(--gold);color:var(--forest);font-size:.64rem;font-weight:900}.mobile-menu{display:none}.content{min-height:calc(100vh - 82px);margin-left:var(--sidebar);padding:clamp(22px,4vw,48px);padding-bottom:90px}.view{max-width:1240px;margin:0 auto}.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.view-head h2{font-size:clamp(1.55rem,2.6vw,2.35rem);margin-bottom:7px}.view-head p{max-width:760px;margin-bottom:0;color:var(--muted)}
.grid{display:grid;gap:17px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.aside{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr)}.card{border:1px solid rgba(16,62,58,.095);border-radius:var(--radius);padding:20px;background:var(--paper);box-shadow:var(--shadow-sm)}.card.compact{padding:15px}.card.highlight{background:linear-gradient(135deg,#fffdf8,#eff8f4)}.card.dark{background:var(--forest);color:#fff}.card.dark .muted{color:rgba(255,255,255,.65)}.card h3{font-size:1.06rem;margin-bottom:9px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-top h3{margin-bottom:3px}.metric{display:flex;flex-direction:column}.metric strong{font-size:1.8rem;letter-spacing:-.04em}.metric small{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.stat strong{display:block;font-size:1.3rem}.stat small{color:var(--muted);font-size:.72rem}
.mission-hero{padding:clamp(22px,4vw,36px);background:radial-gradient(circle at 90% 8%,rgba(242,180,93,.18),transparent 30%),linear-gradient(135deg,#fffdf8,#e9f6f1)}.mission-hero h2{font-size:clamp(1.8rem,3.3vw,3.2rem);line-height:1.05;margin:14px 0 11px}.mission-hero .purpose{max-width:760px;font-size:1.04rem;color:#435c58}.mission-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.mission-meta{display:flex;flex-wrap:wrap;gap:8px}.mission-section{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.mission-section h3{margin-bottom:10px}.steps{display:grid;gap:9px;counter-reset:step}.steps li{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:start;list-style:none}.steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--mint);color:var(--forest);font-size:.75rem;font-weight:850}.plain-list{display:grid;gap:7px;margin:0;padding-left:19px}.plain-list li{line-height:1.48;color:#435b57}.check-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.check-list li{display:grid;grid-template-columns:20px 1fr;gap:8px}.check-list li:before{content:"✓";color:#2f887b;font-weight:900}.warning-list li:before{content:"!";color:var(--amber)}
.source-list{display:grid;gap:8px}.source-link{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fff;text-decoration:none}.source-link:hover{border-color:#8bbdb3}.source-link small{display:block;color:var(--muted)}
.tabs{display:flex;gap:5px;overflow:auto;margin-bottom:16px;border-bottom:1px solid var(--line)}.tab{border:0;border-bottom:3px solid transparent;padding:10px 12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:750;white-space:nowrap}.tab.active{border-bottom-color:var(--forest-2);color:var(--forest)}
.review-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.review-mode{display:grid;gap:7px;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;cursor:pointer;text-align:left}.review-mode:hover,.review-mode.selected{border-color:#55a99a;background:var(--mint)}.review-mode strong{font-size:.9rem}.review-mode small{color:var(--muted);line-height:1.4}.review-mode em{font-style:normal;font-size:.68rem;font-weight:800;color:var(--forest-2)}
.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.score{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.score-head{display:flex;justify-content:space-between;gap:8px;font-size:.75rem}.score-head strong{font-size:.9rem}.bar{height:7px;margin-top:8px;border-radius:999px;background:#e8eeeb;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:var(--forest-2)}.finding{border-left:4px solid #6baea2;border-radius:10px;padding:12px 13px;background:#f2f8f6}.finding.important{border-color:var(--gold);background:#fff7e7}.finding.critical{border-color:var(--danger);background:var(--rose)}.finding h4{margin:0 0 5px}.finding p{margin:0 0 7px;font-size:.88rem}.finding small{color:var(--muted)}
.draft-card{display:grid;gap:9px}.draft-card.selected{border-color:#55a99a;box-shadow:0 0 0 3px rgba(85,169,154,.12)}.media-preview{max-width:100%;max-height:330px;border:1px solid var(--line);border-radius:13px;background:#111}.media-preview.image{object-fit:contain;background:#eef3f0}.teleprompter{min-height:360px;border-radius:18px;padding:35px;background:#101a19;color:#fff;font-size:clamp(1.5rem,4vw,3.1rem);line-height:1.35;text-align:center;white-space:pre-wrap}.recording-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#d74338;box-shadow:0 0 0 5px rgba(215,67,56,.13);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}
.pathway-step{display:grid;grid-template-columns:38px 1fr;gap:11px}.step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--mint);color:var(--forest);font-weight:850}.ability-row{display:grid;grid-template-columns:180px 1fr 42px;gap:12px;align-items:center;margin-bottom:11px;font-size:.82rem}.ability-row .bar{margin:0}.impact-number{font-size:2.5rem;font-weight:900;letter-spacing:-.05em}.partner-card{position:relative}.verified{display:inline-flex;align-items:center;gap:5px;color:#20786b;font-size:.72rem;font-weight:800}.unverified{color:var(--amber);font-size:.72rem;font-weight:800}
.mobile-nav{display:none}.simple-mode .advanced{display:none!important}.simple-mode .content{font-size:1.04rem}.simple-mode .btn{min-height:50px}.simple-mode .card{padding:23px}.simple-mode .primary-nav .nav-button:nth-child(n+7){display:none}

/* Dialogs, notifications and loading */
.app-dialog{width:min(760px,calc(100vw - 28px));max-height:88vh;border:0;border-radius:20px;padding:0;background:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.28)}.app-dialog::backdrop{background:rgba(8,29,27,.58);backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:18px 20px;background:var(--paper)}.dialog-head h2{margin:0}.dialog-body{padding:20px;overflow:auto}.dialog-body>:last-child{margin-bottom:0}
.toast-region{position:fixed;right:18px;top:18px;z-index:200;display:grid;gap:9px;width:min(390px,calc(100vw - 36px))}.toast{display:grid;grid-template-columns:28px 1fr 28px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;box-shadow:var(--shadow)}.toast>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mint);font-weight:900}.toast.error>span{background:var(--rose);color:var(--danger)}.toast p{margin:2px 0 0;color:var(--muted);font-size:.8rem}.toast button{border:0;background:transparent;cursor:pointer;font-size:1.1rem}
.loading-overlay{position:fixed;inset:0;z-index:180;display:grid;place-items:center;background:rgba(245,242,232,.76);backdrop-filter:blur(7px)}.loading-card{display:flex;align-items:center;gap:14px;width:min(430px,calc(100vw - 30px));border:1px solid var(--line);border-radius:17px;padding:19px;background:#fff;box-shadow:var(--shadow)}.loading-card div{display:flex;flex-direction:column}.loading-card small{color:var(--muted)}.spinner{width:31px;height:31px;border:3px solid var(--mint-2);border-top-color:var(--forest);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:1080px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.review-mode-grid{grid-template-columns:repeat(2,1fr)}.score-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:0px}.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.auth-mobile-brand{display:flex}.auth-panel{min-height:100vh}.sidebar{width:280px;transform:translateX(-105%);transition:transform .2s ease}.nav-open .sidebar{transform:translateX(0);box-shadow:25px 0 70px rgba(0,0,0,.24)}.topbar,.content{margin-left:0}.mobile-menu{display:inline-grid}.mode-pill b{display:none}.mobile-nav{position:fixed;inset:auto 0 0 0;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:rgba(255,253,248,.96);backdrop-filter:blur(14px);padding:5px 4px max(5px,env(safe-area-inset-bottom))}.mobile-nav button{display:grid;place-items:center;gap:1px;border:0;background:transparent;padding:6px 2px;color:var(--muted);font-size:.61rem}.mobile-nav button span{font-size:1rem}.mobile-nav button.active{color:var(--forest);font-weight:850}.content{padding-bottom:96px}.grid.aside{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{height:72px;padding:0 14px}.topbar-title p{display:none}.topbar-title h1{font-size:1.25rem}.content{padding:18px 13px 92px}.view-head{display:block}.view-head .button-row{margin-top:12px}.grid.two,.grid.three{grid-template-columns:1fr}.field-row,.field-row.three{grid-template-columns:1fr}.review-mode-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.ability-row{grid-template-columns:120px 1fr 34px}.mission-hero{padding:20px}.mission-hero h2{font-size:2rem}.card{padding:16px}.auth-tabs{font-size:.78rem}.dialog-body{padding:16px}}

/* --------------------------------------------------------------------------
   v2 component system — aligns the rendered SPA vocabulary with the shell.
   -------------------------------------------------------------------------- */
:root{--lime:#d8ff77;--soft:#eef7f3;--soft-gold:#fff5df;--soft-rose:#fff2ef}
.page{width:min(1240px,100%);margin:0 auto}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.page-head>div:first-child{max-width:790px}.page-head h2{margin-bottom:7px;font-size:clamp(1.65rem,2.8vw,2.45rem)}.page-head p{margin-bottom:0;color:var(--muted)}
.page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;align-items:start}.page-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:grid;gap:16px;align-content:start}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 13px}.section-title h3{margin:0;font-size:1.08rem}.section-title>span{color:var(--muted);font-size:.76rem}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.card-head h3{margin-bottom:4px}.card-head p{margin:0;color:var(--muted);font-size:.9rem}.card.tint{background:linear-gradient(135deg,#f7fcfa,#e9f6f1)}.card.amber{background:linear-gradient(135deg,#fffdf8,#fff3d9);border-color:#efd7a9}.card.flat{box-shadow:none}.tiny{margin:0;color:var(--muted);font-size:.76rem;line-height:1.48}.kicker{margin:0 0 7px;color:var(--forest-2);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.divider{height:1px;margin:19px 0;background:var(--line)}

.button,.button-secondary,.button-ghost,.button-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:11px;padding:9px 15px;cursor:pointer;font-weight:800;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.button:hover,.button-secondary:hover,.button-ghost:hover,.button-danger:hover{transform:translateY(-1px)}.button:disabled,.button-secondary:disabled,.button-ghost:disabled,.button-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.button{background:var(--forest);color:#fff;box-shadow:0 8px 21px rgba(16,62,58,.17)}.button:hover{background:var(--forest-2)}.button-secondary{border-color:#8fc5ba;background:var(--mint);color:var(--forest)}.button-secondary:hover{background:var(--mint-2)}.button-ghost{border-color:var(--line);background:#fff;color:var(--forest)}.button-ghost:hover{border-color:#91bdb5;background:var(--soft)}.button-danger{border-color:#ebc0bb;background:var(--soft-rose);color:var(--danger)}.button-danger:hover{background:#f8ded9}.small{min-height:34px;padding:6px 10px;font-size:.79rem}.wide{width:100%}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}.action-row.end{justify-content:flex-end}
.nav-badge{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;border-radius:999px;padding:0 5px;background:var(--gold);color:var(--forest);font-size:.64rem;font-weight:900}

.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.one{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;align-content:start;gap:7px}.field.full{grid-column:1/-1}.field>label{font-size:.81rem;font-weight:800}.field>small{color:var(--muted);font-size:.72rem;font-weight:500}.input-with-action{position:relative}.input-with-action textarea{min-height:112px;padding-right:52px}.mic-button{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #b7d5cf;border-radius:50%;background:var(--mint);color:var(--forest);cursor:pointer;font-size:.7rem}.mic-button.listening{background:var(--rose);color:var(--danger);animation:pulse 1.1s infinite}.check-row{display:flex;align-items:flex-start;gap:10px;grid-column:1/-1;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:#435b57;font-size:.83rem;line-height:1.45}.check-row input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:var(--forest-2)}
.upload-zone{display:grid;place-items:center;gap:6px;min-height:132px;border:1.5px dashed #94bdb5;border-radius:14px;padding:20px;background:#f8fcfa;text-align:center;cursor:pointer}.upload-zone:hover{border-color:var(--forest-2);background:var(--mint)}.upload-zone i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--mint);color:var(--forest);font-style:normal;font-size:1.35rem}.upload-zone small{color:var(--muted);font-weight:500}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 0}.switch-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.switch-copy small{color:var(--muted);font-size:.75rem;line-height:1.4}.switch{position:relative;display:inline-flex;width:46px;height:26px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:100%;height:100%;border-radius:999px;background:#cbd6d2;transition:.18s}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.18s}.switch input:checked+span{background:var(--forest-2)}.switch input:checked+span:after{transform:translateX(20px)}
.auth-feature-list{display:grid;gap:12px;margin:21px 0}.auth-feature{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.auth-feature>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--mint);color:var(--forest);font-style:normal;font-weight:900}.auth-feature div{display:flex;flex-direction:column;gap:3px}.auth-feature small{color:var(--muted);line-height:1.4}

.welcome-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.welcome-strip h2{margin-bottom:4px;font-size:clamp(1.7rem,3vw,2.5rem)}.welcome-strip p{margin:0;color:var(--muted)}.status-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.status-pill{display:inline-flex;align-items:center;min-height:29px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;color:#536762;font-size:.72rem;font-weight:800;white-space:nowrap}.status-pill.good{border-color:#b7dcd3;background:var(--mint);color:var(--forest)}
.mission-card{overflow:hidden;border:1px solid rgba(16,62,58,.1);border-radius:23px;background:radial-gradient(circle at 92% 8%,rgba(242,180,93,.23),transparent 29%),linear-gradient(135deg,#fffdf8 0%,#edf8f4 100%);box-shadow:var(--shadow)}.mission-content{padding:clamp(22px,4vw,38px)}.mission-content h2{max-width:900px;margin:14px 0 11px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.03}.mission-content .purpose{max-width:820px;color:#405c57;font-size:1.05rem}.mission-meta{display:flex;flex-wrap:wrap;gap:7px}.mission-meta span{border:1px solid rgba(16,62,58,.09);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.7);color:var(--forest);font-size:.69rem;font-weight:800}.mission-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:21px}.mission-fit>div{display:flex;min-width:0;flex-direction:column;gap:4px;border:1px solid rgba(16,62,58,.09);border-radius:13px;padding:13px;background:rgba(255,255,255,.65)}.mission-fit small{color:var(--forest-2);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mission-fit strong{font-size:.83rem;line-height:1.42}
.alternative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.alt-card{display:flex;min-height:220px;flex-direction:column;border:1px solid rgba(16,62,58,.1);border-radius:17px;padding:18px;background:var(--paper);box-shadow:var(--shadow-sm)}.alt-card h4{margin:0 0 8px;font-size:1.08rem}.alt-card p:not(.kicker){color:var(--muted)}.alt-card .action-row{margin-top:auto}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-card{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:start;width:100%;border:1px solid rgba(16,62,58,.1);border-radius:15px;padding:14px;background:var(--paper);color:var(--ink);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:.16s}.quick-card:hover{border-color:#8bbdb3;background:var(--soft);transform:translateY(-1px)}.quick-card>i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--forest);font-style:normal;font-weight:900}.quick-card>strong{align-self:end}.quick-card>small{color:var(--muted);line-height:1.35}.skill-list{display:grid;gap:11px}.skill-row{display:grid;grid-template-columns:minmax(130px,180px) 1fr 34px;gap:10px;align-items:center}.skill-row label{font-size:.78rem;font-weight:750}.skill-row>strong{text-align:right;font-size:.78rem}.skill-bar,.meter{height:8px;overflow:hidden;border-radius:999px;background:#e5ece9}.skill-bar span,.meter span{display:block;width:var(--skill,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--forest-2),#67b7a8)}.meter span{width:var(--meter,0%)}

.pulse-card{overflow:hidden;border:1px solid rgba(16,62,58,.1);border-radius:18px;background:var(--paper);box-shadow:var(--shadow-sm)}.pulse-main{padding:20px}.pulse-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.pulse-top h3{margin:5px 0 0;font-size:1.2rem}.pulse-number{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:11px;background:var(--forest);color:#fff;font-weight:900}.confidence{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:.64rem;font-weight:850;text-transform:capitalize}.confidence.high{background:var(--mint);color:var(--forest)}.confidence.medium{background:var(--soft-gold);color:#76511a}.confidence.low{background:var(--rose);color:var(--danger)}.pulse-summary{font-size:1rem;color:#425e59}.pulse-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--line);padding:13px 20px;background:#fbfcfa}.fact-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0}.fact-box{border:1px solid #cfe3dd;border-radius:13px;padding:13px;background:#f2faf7}.fact-box.warning{border-color:#eed9b8;background:#fff8e9}.fact-box>strong{display:block;margin-bottom:7px}.fact-box p:last-child,.fact-box ul:last-child{margin-bottom:0}.source-link{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px}.source-link>b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--mint);color:var(--forest)}.source-link>div{min-width:0}.source-link>span{color:var(--muted);font-size:.66rem;font-weight:800}

.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card,.pathway-card,.partner-card{border:1px solid rgba(16,62,58,.1);border-radius:17px;padding:18px;background:var(--paper);box-shadow:var(--shadow-sm)}.lesson-card{display:flex;min-height:225px;flex-direction:column}.lesson-card h3{margin:10px 0 7px}.lesson-card p{color:var(--muted)}.lesson-card .button-ghost{align-self:flex-start;margin-top:auto}.lesson-time{align-self:flex-start;border-radius:999px;padding:5px 8px;background:var(--mint);color:var(--forest);font-size:.66rem;font-weight:850}.pathway-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pathway-days{display:inline-flex;border-radius:999px;padding:5px 8px;background:var(--soft-gold);color:#77531d;font-size:.68rem;font-weight:850}.pathway-steps{display:flex;gap:5px;margin:15px 0}.pathway-steps span{height:7px;flex:1;border-radius:999px;background:#e1e9e6}.pathway-steps span.done{background:var(--forest-2)}

.subtabs,.detail-tabs,.filter-row{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line)}.subtab,.detail-tab,.filter-button{border:0;border-bottom:3px solid transparent;padding:10px 12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800;white-space:nowrap}.subtab.active,.detail-tab.active,.filter-button.active{border-bottom-color:var(--forest-2);color:var(--forest)}.creator-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:20px;align-items:start}.director-stage{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 35%,#253a37,#0f1918);color:#fff}.director-stage video{width:100%;height:100%;min-height:390px;object-fit:cover}.director-placeholder{text-align:center;padding:25px}.director-placeholder>i{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(255,255,255,.08);font-style:normal;font-size:1.5rem}.director-placeholder p{max-width:430px;margin:7px auto 0;color:rgba(255,255,255,.65)}.frame-guide{position:absolute;inset:10% 23%;border:2px dashed rgba(216,255,119,.65);border-radius:45% 45% 38% 38%}.recording-badge{position:absolute;left:12px;top:12px;border-radius:999px;padding:6px 9px;background:rgba(0,0,0,.54);font-size:.68rem;font-weight:850}.scene-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.teleprompter{min-height:270px;max-height:430px;overflow:auto;border-radius:16px;padding:24px;background:#111b1a;color:#fff;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.45;text-align:center;white-space:pre-wrap}.media-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--muted);font-size:.75rem}

.cost-banner{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;margin-bottom:19px;border:1px solid #cbe0da;border-radius:16px;padding:15px 17px;background:linear-gradient(135deg,#f6fcfa,#e6f5f0)}.cost-banner>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--forest);color:var(--lime);font-style:normal;font-size:1.25rem}.cost-banner>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.cost-banner small{color:var(--muted);font-size:.72rem}.cost-number{text-align:right}.cost-number strong{display:block;font-size:1.12rem}.review-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mode-card{position:relative;display:grid;align-content:start;gap:6px;min-height:150px;border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;cursor:pointer}.mode-card:hover,.mode-card.selected{border-color:#5aa999;background:var(--mint)}.mode-card input{position:absolute;opacity:0}.mode-card>strong{font-size:.9rem}.mode-card>span{color:var(--muted);font-size:.72rem;line-height:1.4}.mode-card>em{align-self:end;color:var(--forest-2);font-size:.65rem;font-style:normal;font-weight:900}.checklist{display:grid;gap:11px}.check-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}.check-item>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--mint);color:var(--forest);font-style:normal;font-weight:900}.check-item small{color:var(--muted)}
.review-result-head{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center}.score-ring{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--forest-2) var(--score-angle,0%),#e2ebe8 0);position:relative}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--paper)}.score-ring strong{position:relative;z-index:1;font-size:1.45rem}.readiness{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900}.readiness.ready{background:var(--mint);color:var(--forest)}.readiness.ready_after_changes{background:var(--soft-gold);color:#76511a}.readiness.needs_verification{background:#fff0d8;color:#895818}.readiness.do_not_publish{background:var(--rose);color:var(--danger)}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.score-item{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff}.score-item>div:first-child{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.68rem}.score-item strong{color:var(--ink);font-size:.8rem}.score-item .meter{margin-top:7px}.finding{position:relative;display:grid;grid-template-columns:5px minmax(0,1fr);gap:12px;margin-top:10px;border:1px solid var(--line);border-radius:13px;padding:13px;background:#f5faf8}.finding-bar{width:5px;height:100%;border-radius:999px;background:#65a99d}.finding.important .finding-bar{background:var(--gold)}.finding.critical .finding-bar{background:var(--danger)}.finding h4{margin:0 0 5px}.finding p{margin:0 0 7px;color:#4f6561;font-size:.86rem}.fix{border-radius:9px;padding:8px 10px;background:#fff;color:#38514d;font-size:.8rem}.local-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.local-check{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;color:#4d625e;font-size:.76rem}.local-check.pass{border-color:#cae0da}.local-check.warning,.local-check.block{border-color:#edc8c2;background:#fff8f6}.check-status{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--mint);font-weight:900}.local-check.warning .check-status,.local-check.block .check-status{background:var(--rose);color:var(--danger)}.usage-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.usage-stat{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;text-align:center}.usage-stat strong{display:block;font-size:.9rem}.usage-stat small{color:var(--muted);font-size:.65rem}

.library-list{display:grid;gap:10px;margin-top:17px}.library-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(16,62,58,.1);border-radius:14px;padding:13px;background:var(--paper);box-shadow:var(--shadow-sm)}.library-item>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.library-item small{color:var(--muted);font-size:.72rem}.library-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--mint);color:var(--forest);font-style:normal;font-weight:900}.item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.empty-state{display:grid;place-items:center;min-height:290px;border:1.5px dashed #a9c5be;border-radius:18px;padding:30px;background:rgba(255,255,255,.45);text-align:center}.empty-state>div{max-width:520px}.empty-state i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:16px;background:var(--mint);color:var(--forest);font-style:normal;font-size:1.45rem}.empty-state p{color:var(--muted)}
.impact-hero{border-radius:20px;padding:27px;background:radial-gradient(circle at 88% 12%,rgba(216,255,119,.18),transparent 30%),var(--forest);color:#fff;box-shadow:var(--shadow)}.impact-hero>p{color:rgba(255,255,255,.7)}.impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.impact-metrics>div{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px;background:rgba(255,255,255,.06)}.impact-metrics strong{font-size:1.65rem}.impact-metrics span{color:rgba(255,255,255,.63);font-size:.68rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.stat-card{display:flex;flex-direction:column;border:1px solid rgba(16,62,58,.1);border-radius:14px;padding:15px;background:var(--paper);box-shadow:var(--shadow-sm)}.stat-card strong{font-size:1.7rem}.stat-card span{color:var(--muted);font-size:.72rem}
.partner-card h3{margin:10px 0 7px}.partner-card p{color:#4e6560}.verified{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:var(--mint);color:var(--forest);font-size:.66rem;font-weight:900}.safeguard-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.safeguard-row span{border-radius:999px;padding:5px 8px;background:#edf3f1;color:#526762;font-size:.65rem;font-weight:750}
.profile-nav{position:sticky;top:102px;display:grid;gap:5px}.profile-nav button{border:1px solid transparent;border-radius:11px;padding:10px 12px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-weight:800}.profile-nav button:hover{background:#fff}.profile-nav button.active{border-color:#b9d6cf;background:var(--mint);color:var(--forest)}.session-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.session-item>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--mint);font-style:normal}.session-item>div{display:flex;min-width:0;flex-direction:column}.session-item small{color:var(--muted);font-size:.7rem}.danger-zone{border:1px solid #e8bcb6;border-radius:16px;padding:18px;background:var(--soft-rose)}.danger-zone p{color:#7b4d48}.copy-box{position:relative;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px 55px 12px 13px;background:#fff;white-space:pre-wrap;line-height:1.5}.copy-box .icon-button{position:absolute;right:7px;top:7px}.script-scene{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.scene-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mint);font-weight:900}.script-line{border-left:3px solid var(--forest-2);margin:8px 0;padding:8px 10px;background:#f5faf8;color:#36524d}.compact-list{display:grid;gap:7px;margin:0;padding-left:20px}.compact-list li{line-height:1.45;color:#435c57}

.large-buttons .button,.large-buttons .button-secondary,.large-buttons .button-ghost,.large-buttons .button-danger,.large-buttons .quick-card{min-height:52px}.low-data .high-data-only{display:none!important}.simple-mode .button,.simple-mode .button-secondary,.simple-mode .button-ghost{min-height:50px}.simple-mode .advanced{display:none!important}

@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alternative-grid,.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mission-fit{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.page-grid,.page-grid.equal,.creator-layout{grid-template-columns:1fr}.profile-nav{position:static;grid-template-columns:repeat(4,minmax(0,1fr));overflow:auto}.profile-nav button{text-align:center;white-space:nowrap}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-banner{grid-template-columns:42px minmax(0,1fr)}.cost-number{grid-column:2;text-align:left}.usage-route{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.page-head,.welcome-strip{display:block}.page-head>.action-row,.welcome-strip>.status-row{justify-content:flex-start;margin-top:13px}.form-grid,.form-grid.three,.fact-columns{grid-template-columns:1fr}.quick-grid,.alternative-grid,.lesson-grid{grid-template-columns:1fr}.mission-content h2{font-size:2rem}.mission-fit{grid-template-columns:1fr}.review-mode-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-check-grid{grid-template-columns:1fr}.usage-route{grid-template-columns:repeat(2,minmax(0,1fr))}.library-item{grid-template-columns:38px minmax(0,1fr)}.library-item .item-actions{grid-column:1/-1;justify-content:flex-start}.impact-metrics,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row>.button,.action-row>.button-secondary,.action-row>.button-ghost,.action-row>.button-danger{flex:1 1 auto}.toast-region{top:10px;right:10px;width:calc(100vw - 20px)}.toast{grid-template-columns:28px 1fr}.score-ring{width:72px;height:72px}.review-result-head{grid-template-columns:74px minmax(0,1fr)}}

/* Small compatibility fixes for the final SPA renderer. */
.local-draft-note{border-left:4px solid #58a99a;border-radius:10px;padding:11px 13px;background:var(--mint);font-size:.8rem}
@media(max-width:900px){.sidebar.open{transform:translateX(0);box-shadow:25px 0 70px rgba(0,0,0,.24)}.mobile-nav button i{font-size:1rem;font-style:normal}.mobile-nav button span{font-size:.62rem}}