:root{
  --bg:#FAF9F6;--surface:#FFFFFF;--surface-2:#F4F2EC;
  --border:rgba(0,0,0,0.10);--border-strong:rgba(0,0,0,0.18);
  --text:#1A1A1A;--text-2:#5F5E5A;--text-3:#8E8C85;
  --accent:#1A1A1A;--accent-fg:#FFFFFF;
  --info-bg:#E6F1FB;--info-fg:#0C447C;--info-border:#378ADD;
  --req-bg:#FCEBEB;--req-fg:#A32D2D;
  --c1-bg:#FAEEDA;--c1-stroke:#BA7517;--c1-text:#633806;
  --c2-bg:#FAECE7;--c2-stroke:#993C1D;--c2-text:#712B13;
  --c3-bg:#E1F5EE;--c3-stroke:#0F6E56;--c3-text:#085041;
  --c4-bg:#EAF3DE;--c4-stroke:#3B6D11;--c4-text:#27500A;
  --level-micro-bg:#FFF6E7;--level-micro-stroke:#D8A24F;--level-micro-text:#6B4710;
  --level-meso-bg:#EAF0F5;--level-meso-stroke:#6A87A6;--level-meso-text:#2A3F58;
  --level-macro-bg:#EFE9DF;--level-macro-stroke:#A38E72;--level-macro-text:#4A3D2A;
  --radius-md:10px;--radius-lg:14px;
  --shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.06);
  --shadow-lg:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.08);
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;font-size:15px;}
.page{max-width:820px;margin:0 auto;padding:24px 20px 80px;}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.brand{font-size:13px;font-weight:500;color:var(--text-2);letter-spacing:0.4px;}
.brand span{color:var(--text-3);font-weight:400;}
.reset-btn{font-size:12px;color:var(--text-3);background:transparent;border:0.5px solid var(--border);padding:5px 12px;border-radius:999px;cursor:pointer;font-family:inherit;}
.reset-btn:hover{color:var(--text);border-color:var(--border-strong);}

.progress-wrap{display:none;}
.progress-wrap.show{display:block;}
.progress{display:flex;gap:6px;margin-bottom:8px;}
.progress span{flex:1;height:4px;background:var(--border);border-radius:2px;transition:background 0.3s;}
.progress span.done{background:#888780;}
.progress span.now{background:var(--text);}
.step-label{font-size:12px;color:var(--text-3);text-align:right;margin-bottom:24px;}

.screen{display:none;animation:fadeIn 0.25s ease-out;}
.screen.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

.card{background:var(--surface);border:0.5px solid var(--border);border-radius:var(--radius-lg);padding:32px 36px;box-shadow:var(--shadow);}

h1{font-size:34px;font-weight:500;line-height:1.2;margin:0 0 14px;letter-spacing:-0.6px;}
h1.smaller{font-size:28px;}
h2{font-size:22px;font-weight:500;margin:32px 0 12px;letter-spacing:-0.3px;}
h3{font-size:16px;font-weight:500;margin:18px 0 8px;}
.lead{font-size:16px;color:var(--text-2);line-height:1.65;margin:0 0 16px;}
.body{font-size:14.5px;color:var(--text-2);line-height:1.75;margin:0 0 12px;}
.section-divider{border-top:0.5px solid var(--border);margin:36px 0 28px;}
.section-label{font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px;}

label{display:block;font-size:15px;font-weight:500;margin-bottom:6px;color:var(--text);line-height:1.4;}
.label-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap;}
.label-row label{margin-bottom:0;}
.req{display:inline-block;font-size:10px;font-weight:500;letter-spacing:0.4px;padding:2px 7px;border-radius:999px;background:var(--req-bg);color:var(--req-fg);text-transform:uppercase;}
.opt{display:inline-block;font-size:10px;font-weight:500;letter-spacing:0.4px;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-3);text-transform:uppercase;}
.helper{font-size:13px;color:var(--text-3);margin-bottom:10px;font-style:italic;line-height:1.55;}
.field{margin-bottom:22px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

input[type="text"],input[type="email"],select,textarea{
  width:100%;padding:10px 13px;font-family:inherit;font-size:14px;
  border:0.5px solid var(--border);border-radius:var(--radius-md);
  background:var(--surface);color:var(--text);transition:border-color 0.15s,box-shadow 0.15s;
}
input[type="text"]:focus,input[type="email"]:focus,select:focus,textarea:focus{outline:none;border-color:var(--info-border);box-shadow:0 0 0 3px rgba(55,138,221,0.15);}
textarea{min-height:90px;resize:vertical;line-height:1.6;}
textarea::placeholder,input::placeholder{color:var(--text-3);font-style:italic;}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='%235F5E5A' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;}

.radio-group{display:flex;flex-direction:column;gap:6px;}
.radio-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border:0.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all 0.15s;background:var(--surface);}
.radio-row:hover{border-color:var(--border-strong);background:var(--surface-2);}
.radio-row.selected{border-color:var(--info-border);background:var(--info-bg);color:var(--info-fg);}
.radio-dot{width:14px;height:14px;border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;}
.radio-row.selected .radio-dot{border:4px solid var(--info-border);}
.check-box{width:16px;height:16px;border:1px solid var(--border-strong);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface);}
.radio-row.checkbox-style.selected .check-box{background:var(--info-border);border-color:var(--info-border);}
.radio-row.checkbox-style.selected .check-box::after{content:"✓";color:white;font-size:11px;font-weight:600;}

.chips{display:flex;flex-wrap:wrap;gap:6px;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:0.5px solid var(--border);border-radius:999px;font-size:13px;cursor:pointer;background:var(--surface);transition:all 0.15s;}
.chip:hover{border-color:var(--border-strong);}
.chip.selected{background:var(--info-bg);border-color:var(--info-border);color:var(--info-fg);}
.chip.primary{background:var(--c1-bg);border-color:var(--c1-stroke);color:var(--c1-text);font-weight:500;}
.chip .star-btn{font-size:11px;opacity:0.55;cursor:pointer;padding:0 2px;}
.chip.selected .star-btn,.chip.primary .star-btn{opacity:1;}
.chip .star-btn:hover{opacity:1;}

/* LEVEL HEADERS (MICRO/MESO/MACRO) */
.level-block{margin-bottom:20px;}
.level-header{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:10px;border:0.5px solid;}
.level-header .level-tag{font-size:10.5px;font-weight:600;letter-spacing:1.2px;opacity:0.85;}
.level-header .level-name{font-size:14.5px;font-weight:500;margin-top:3px;}
.level-header .level-desc{font-size:12.5px;line-height:1.6;margin-top:6px;opacity:0.92;}
.level-macro{background:var(--level-macro-bg);color:var(--level-macro-text);border-color:var(--level-macro-stroke);}
.level-meso{background:var(--level-meso-bg);color:var(--level-meso-text);border-color:var(--level-meso-stroke);}
.level-micro{background:var(--level-micro-bg);color:var(--level-micro-text);border-color:var(--level-micro-stroke);}

.role-group{margin-bottom:6px;border:0.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
.role-group summary{font-size:12px;font-weight:500;color:var(--text-2);padding:10px 14px;cursor:pointer;letter-spacing:0.5px;background:var(--surface-2);list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none;}
.role-group summary::after{content:"+";font-size:18px;color:var(--text-3);font-weight:300;}
.role-group[open] summary::after{content:"−";}
.role-group .chips{padding:12px 14px;}

.star-explainer{background:#FFF6E0;border:0.5px solid #D8A24F;color:#6B4710;border-radius:var(--radius-md);padding:14px 18px;margin-bottom:18px;display:flex;gap:12px;align-items:flex-start;}
.star-explainer .star-icon{font-size:20px;flex-shrink:0;line-height:1;}
.star-explainer .star-text{font-size:13px;line-height:1.65;}
.star-explainer .star-text b{font-weight:600;}

/* LANDING */
.landing-hero{padding:8px 0 8px;}
.landing-hero h1{margin-bottom:10px;}
.landing-hero .partners-line{font-size:13px;color:var(--text-3);margin-top:18px;}
.landing-hero .partners-line b{color:var(--text-2);font-weight:500;}

.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 8px;}
.cta-card{padding:24px 22px;border-radius:var(--radius-lg);cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;}
.cta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.cta-explore{background:var(--c1-bg);color:var(--c1-text);border:0.5px solid var(--c1-stroke);}
.cta-survey{background:var(--c3-bg);color:var(--c3-text);border:0.5px solid var(--c3-stroke);}
.cta-card .cta-label{font-size:10.5px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;opacity:0.85;margin-bottom:8px;}
.cta-card .cta-title{font-size:20px;font-weight:500;line-height:1.25;margin-bottom:10px;}
.cta-card .cta-desc{font-size:13.5px;line-height:1.6;opacity:0.92;margin-bottom:18px;}
.cta-card .cta-action{font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;}
.cta-card .cta-meta{font-size:11.5px;opacity:0.7;margin-top:8px;}

.method-list{margin:14px 0;padding-left:0;list-style:none;}
.method-list li{display:flex;gap:10px;padding:8px 0;font-size:14px;color:var(--text-2);line-height:1.65;}
.method-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-3);margin-top:9px;flex-shrink:0;}

.resource-card{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:20px;border:0.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:14px;transition:all 0.15s;}
.resource-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);}
.resource-preview{width:80px;height:80px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;}
.rp-1{background:var(--c2-bg);} .rp-2{background:var(--c1-bg);} .rp-3{background:var(--c4-bg);}
.resource-preview svg{width:56px;height:56px;}
.resource-info{min-width:0;}
.resource-name{font-size:17px;font-weight:500;margin-bottom:4px;}
.resource-tagline{font-size:13px;color:var(--text-3);margin-bottom:10px;font-style:italic;}
.resource-detail{font-size:13.5px;line-height:1.65;color:var(--text-2);margin-bottom:8px;}
.resource-detail b{color:var(--text);font-weight:500;}
.resource-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}

/* CONSENT */
.consent-box{background:var(--surface-2);border-radius:var(--radius-md);padding:22px 24px;margin:18px 0;}
.consent-box h3{margin-top:0;font-size:14px;color:var(--text);letter-spacing:0.3px;}
.consent-box ul{padding-left:18px;margin:6px 0 14px;}
.consent-box li{font-size:13.5px;color:var(--text-2);line-height:1.7;margin-bottom:4px;}
.consent-agree{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--surface);border:0.5px solid var(--border-strong);border-radius:var(--radius-md);margin-top:14px;cursor:pointer;}
.consent-agree:hover{background:var(--surface-2);}
.consent-agree.checked{background:var(--info-bg);border-color:var(--info-border);}
.consent-agree input{margin-top:2px;width:16px;height:16px;cursor:pointer;flex-shrink:0;}
.consent-agree span{font-size:14px;font-weight:500;color:var(--text);}

.task-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px;}
.task-step{background:var(--surface-2);border-radius:var(--radius-md);padding:12px 14px;}
.task-step .step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--text);color:var(--surface);font-size:12px;font-weight:500;margin-bottom:6px;}
.task-step .step-title{font-size:13px;font-weight:500;line-height:1.3;}
.task-step .step-desc{font-size:11.5px;color:var(--text-2);margin-top:3px;line-height:1.5;}
.meadows-intro{background:var(--info-bg);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:20px;}
.meadows-intro h3{margin:0 0 6px;color:var(--info-fg);font-size:13px;letter-spacing:0.3px;}
.meadows-intro p{margin:0;font-size:12.5px;line-height:1.6;color:var(--info-fg);}
.meadows-intro a{color:var(--info-fg);text-decoration:underline;cursor:pointer;font-weight:500;}
.meadows-detail{margin-top:28px;border:0.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
.meadows-detail summary{font-size:13px;font-weight:500;padding:12px 16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);}
.meadows-detail summary::after{content:"+";font-size:18px;color:var(--text-3);font-weight:300;}
.meadows-detail[open] summary::after{content:"−";}
.meadows-detail .meadows-body{padding:16px 20px;font-size:13px;line-height:1.7;color:var(--text-2);}
.meadows-detail .meadows-body ol{padding-left:22px;margin:8px 0;}

.cluster-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 20px;}
.cluster-card{padding:18px;border-radius:var(--radius-lg);cursor:pointer;transition:transform 0.15s;}
.cluster-card:hover{transform:translateY(-1px);}
.cluster-card .ctag{font-size:10.5px;font-weight:500;letter-spacing:0.8px;opacity:0.85;}
.cluster-card .ctitle{font-size:14.5px;font-weight:500;margin-top:5px;line-height:1.35;}
.cluster-card .cdef{font-size:12.5px;line-height:1.55;margin-top:10px;opacity:0.88;}
.cluster-card .ccount{font-size:11px;margin-top:12px;opacity:0.7;display:flex;align-items:center;gap:5px;font-weight:500;}
.cc-1{background:var(--c1-bg);color:var(--c1-text);} .cc-2{background:var(--c2-bg);color:var(--c2-text);}
.cc-3{background:var(--c3-bg);color:var(--c3-text);} .cc-4{background:var(--c4-bg);color:var(--c4-text);}
.cluster-section{margin-top:18px;border-radius:var(--radius-md);padding:18px;}
.cluster-section.cc-1{background:rgba(250,238,218,0.45);} .cluster-section.cc-2{background:rgba(250,236,231,0.45);}
.cluster-section.cc-3{background:rgba(225,245,238,0.45);} .cluster-section.cc-4{background:rgba(234,243,222,0.45);}
.cluster-section h2{margin-top:0;font-size:15px;letter-spacing:0.3px;}
.cluster-section .lp-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;}

.lp-row{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border:0.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all 0.15s;}
.lp-row:hover{border-color:var(--border-strong);}
.lp-row.selected{border:1px solid var(--info-border);background:var(--info-bg);}
.lp-row .lp-num{font-size:11.5px;font-weight:500;color:var(--text-3);min-width:18px;flex-shrink:0;padding-top:2px;}
.lp-row.selected .lp-num{color:var(--info-fg);}
.lp-row .lp-body{flex:1;min-width:0;}
.lp-row .lp-name{font-size:14px;font-weight:500;}
.lp-row .lp-meta{font-size:11px;color:var(--text-3);margin-top:3px;}
.lp-row.selected .lp-meta{color:var(--info-fg);opacity:0.75;}
.lp-row .lp-def{font-size:13px;color:var(--text-2);line-height:1.6;margin-top:8px;}
.lp-row.selected .lp-def{color:var(--info-fg);}
.mini-check{width:17px;height:17px;border:1px solid var(--border-strong);border-radius:4px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;background:var(--surface);}
.lp-row.selected .mini-check{background:var(--info-border);border-color:var(--info-border);color:white;}
.lp-row.selected .mini-check::after{content:"✓";font-size:11px;font-weight:600;}
.pill{display:inline-block;padding:1.5px 8px;background:var(--surface-2);border-radius:999px;font-size:10.5px;color:var(--text-2);font-weight:500;}
.lp-row.selected .pill{background:rgba(55,138,221,0.18);color:var(--info-fg);}

.selected-leverage-bar{background:var(--surface-2);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:18px;}
.selected-leverage-bar .bar-label{font-size:11px;color:var(--text-3);font-weight:500;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:8px;}
.selected-leverage-chips{display:flex;flex-wrap:wrap;gap:6px;}
.s-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;cursor:pointer;border:0.5px solid var(--border);background:var(--surface);opacity:0.45;transition:all 0.15s;}
.s-chip:hover{opacity:0.85;}
.s-chip.current{opacity:1;border-width:1.5px;font-weight:500;}
.s-chip.current.cc-1{background:var(--c1-bg);color:var(--c1-text);border-color:var(--c1-stroke);}
.s-chip.current.cc-2{background:var(--c2-bg);color:var(--c2-text);border-color:var(--c2-stroke);}
.s-chip.current.cc-3{background:var(--c3-bg);color:var(--c3-text);border-color:var(--c3-stroke);}
.s-chip.current.cc-4{background:var(--c4-bg);color:var(--c4-text);border-color:var(--c4-stroke);}
.s-chip .s-num{font-size:10.5px;opacity:0.7;}

.lp-banner{padding:14px 16px;border-radius:var(--radius-md);margin-bottom:18px;}
.lp-banner.cc-1{background:var(--c1-bg);} .lp-banner.cc-2{background:var(--c2-bg);}
.lp-banner.cc-3{background:var(--c3-bg);} .lp-banner.cc-4{background:var(--c4-bg);}
.lp-banner.cc-1 *{color:var(--c1-text);} .lp-banner.cc-2 *{color:var(--c2-text);}
.lp-banner.cc-3 *{color:var(--c3-text);} .lp-banner.cc-4 *{color:var(--c4-text);}
.lp-banner-tag{font-size:10.5px;font-weight:500;letter-spacing:0.8px;}
.lp-banner-title{font-size:17px;font-weight:500;margin-top:3px;}
.lp-banner-def{font-size:13px;line-height:1.6;margin-top:6px;}

/* INTERVENTIONS — richer rows with "why" */
.interventions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.intervention-row{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:0.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all 0.15s;}
.intervention-row:hover{border-color:var(--border-strong);}
.intervention-row.checked{border-color:var(--info-border);background:var(--info-bg);}
.intervention-row .iv-check{width:16px;height:16px;border:1px solid var(--border-strong);border-radius:3px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;background:var(--surface);}
.intervention-row.checked .iv-check{background:var(--info-border);border-color:var(--info-border);}
.intervention-row.checked .iv-check::after{content:"✓";color:white;font-size:11px;font-weight:600;}
.intervention-row .iv-body{flex:1;min-width:0;}
.intervention-row .iv-name{font-size:13.5px;font-weight:500;}
.intervention-row .iv-note{font-size:12px;color:var(--text-3);margin-top:2px;line-height:1.5;}
.intervention-row .iv-why{font-size:11.5px;color:var(--text-2);margin-top:7px;line-height:1.6;padding-top:7px;border-top:0.5px dashed var(--border);}
.intervention-row .iv-why::before{content:"Why this matters · ";font-weight:600;color:var(--text-3);font-size:10.5px;letter-spacing:0.4px;text-transform:uppercase;}
.intervention-row.checked .iv-note,.intervention-row.checked .iv-why{color:var(--info-fg);}
.intervention-row.checked .iv-why{border-top-color:rgba(55,138,221,0.3);}
.intervention-row.checked .iv-why::before{color:var(--info-fg);}

.count-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface-2);border-radius:999px;font-size:12.5px;color:var(--text-2);font-weight:500;}
.count-pill.has{background:var(--info-bg);color:var(--info-fg);}

.nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:12px;flex-wrap:wrap;}
.btn{padding:11px 22px;border:0.5px solid var(--border-strong);background:transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;color:var(--text);font-family:inherit;}
.btn:hover{background:var(--surface-2);}
.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);}
.btn.primary:hover{opacity:0.88;background:var(--accent);}
.btn.small{padding:7px 14px;font-size:13px;}

.check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;cursor:pointer;line-height:1.55;}
.check-row input{margin-top:3px;width:16px;height:16px;cursor:pointer;flex-shrink:0;}
.check-row .ck-detail{font-size:12.5px;color:var(--text-3);margin-top:2px;}
.opt-in-list{background:var(--surface-2);padding:14px 18px;border-radius:var(--radius-md);margin-top:14px;}
.opt-in-list .header-text{font-size:14px;font-weight:500;margin-bottom:6px;}
.workshop-intro{background:var(--c3-bg);color:var(--c3-text);border-radius:var(--radius-md);padding:14px 18px;margin-top:18px;}
.workshop-intro .wi-title{font-size:13px;font-weight:500;letter-spacing:0.3px;margin-bottom:6px;}
.workshop-intro .wi-body{font-size:12.5px;line-height:1.6;}

.thank-icon{width:64px;height:64px;background:var(--info-bg);color:var(--info-fg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:24px auto;font-weight:500;}
.summary-box{background:var(--surface-2);padding:18px 22px;border-radius:var(--radius-md);margin-top:18px;font-size:13px;line-height:1.7;}
.summary-box dt{font-weight:500;color:var(--text-2);margin-top:10px;font-size:12px;letter-spacing:0.3px;}
.summary-box dt:first-child{margin-top:0;}
.summary-box dd{margin:2px 0 0;color:var(--text);}

.step-jumper{display:flex;gap:6px;justify-content:center;margin-top:28px;flex-wrap:wrap;}
.step-jumper button{padding:5px 11px;font-size:11px;border:0.5px solid var(--border);background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--text-3);font-family:inherit;}
.step-jumper button:hover{color:var(--text);border-color:var(--border-strong);}
.step-jumper button.active{background:var(--text);color:var(--surface);border-color:var(--text);}

.validation-msg{font-size:12px;color:var(--req-fg);margin-top:8px;display:none;}
.validation-msg.show{display:block;}

@media (max-width:680px){
  .page{padding:16px 12px 60px;}
  .card{padding:22px 18px;}
  .grid-2,.cluster-grid,.task-steps,.cta-grid{grid-template-columns:1fr;}
  h1{font-size:26px;}
  h1.smaller{font-size:22px;}
  .resource-card{grid-template-columns:60px 1fr;gap:14px;padding:16px;}
  .resource-preview{width:60px;height:60px;}
  .resource-preview svg{width:42px;height:42px;}
}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.submit-status{font-size:13px;color:var(--text-2);margin-top:12px;}
.submit-status.error{color:var(--req-fg);}