/* Uses the landing page's fonts, palette, shell and button system. */
.baseline-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:48px;align-items:start;scroll-margin-top:90px}
.baseline-section>*{min-width:0}
.baseline-intro h2{font-size:clamp(36px,4vw,54px);line-height:1.08;margin-top:20px;margin-bottom:22px}
.baseline-intro>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#bac2bf}
.baseline-intro .baseline-time{font-size:12px!important;color:var(--green)!important;margin:18px 0 28px}
.baseline-summary{--score-accent:var(--green);padding:24px;border:1px solid #42513b;border-radius:6px;background:linear-gradient(135deg,rgba(182,243,107,.065),rgba(16,20,23,.85) 65%);box-shadow:0 0 28px #b6f36b06}
.baseline-summary[data-level="0"],.baseline-summary[data-level="1"]{--score-accent:#d7bd86}
.baseline-summary[data-level="empty"]{--score-accent:#a1ada6}
.baseline-score-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#c0cabb;font:11px/1.6 var(--mono);letter-spacing:.08em}
.baseline-status-dot{width:6px;height:6px;border-radius:50%;background:var(--score-accent);box-shadow:0 0 9px color-mix(in srgb,var(--score-accent) 40%,transparent);transition:background 200ms}
.baseline-score-line{display:flex;align-items:baseline;gap:12px;margin:9px 0 12px;font-variant-numeric:tabular-nums}
.baseline-score-line strong{font-size:62px;font-weight:700;line-height:1.1;letter-spacing:-.055em;color:var(--score-accent);transition:color 200ms}
.baseline-score-line>span{font:16px var(--mono);color:#aeb6b2}
.baseline-section progress{display:block;appearance:none;border:0;border-radius:0;width:100%;height:4px;background:#29322c;overflow:hidden;color:var(--green)}
.baseline-section progress::-webkit-progress-bar{background:#29322c}
.baseline-section progress::-webkit-progress-value{background:var(--score-accent,var(--green));transition:width 200ms ease,background 200ms}
.baseline-section progress::-moz-progress-bar{background:var(--score-accent,var(--green));transition:width 200ms ease}
.baseline-full{font-size:12px;color:#c4cdc7;margin:12px 0 6px}
.baseline-provisional{font-size:11px;line-height:1.6;color:#acb6ae;margin:0 0 18px}
.baseline-provisional:empty{display:none}
.baseline-verdict{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}
.baseline-verdict h3{font:500 12px/1.6 var(--mono);letter-spacing:.06em;color:var(--score-accent);margin:0 0 10px}
.baseline-verdict p{font-size:13px;line-height:1.75;color:#b9c2bd;margin:0;min-height:6.5em}
.baseline-indicators{display:grid;gap:13px;margin-top:20px}
.baseline-indicator-label{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin-bottom:7px}
.baseline-indicator-label label{font:10px/1.6 var(--mono);letter-spacing:.045em;color:#bcc7bf;margin:0;text-transform:none}
.baseline-indicator-label>span{font:11px var(--mono);color:#becabf}
.baseline-indicators progress{height:3px;--score-accent:var(--green)}
.baseline-guidance{font-size:11px;line-height:1.6;color:#a3aea7;margin:16px 0 0}
.baseline-section .sim-note{font-size:11px;line-height:1.7;margin:16px 0 22px;color:#a3ada7}
.baseline-unsure{margin-top:14px;padding:17px 19px;background:#d7bd8608;border:1px solid #d7bd8640;border-left:2px solid #d7bd86;border-radius:4px;animation:baseline-reveal 200ms ease both}
.baseline-unsure[hidden]{display:none}
.baseline-unsure h3{font-size:14px;line-height:1.5;margin:0 0 6px;color:#ded1b9}
.baseline-unsure p{font-size:12px;line-height:1.65;color:#c1bcb1;margin:0}
.baseline-cta .button{width:100%;min-height:48px;padding:13px 17px;border-radius:3px;text-align:center;line-height:1.5;transition:box-shadow 200ms,background 200ms,transform 200ms}
.baseline-cta .button:hover{box-shadow:0 0 20px #b6f36b24;transform:translateY(-1px)}
.baseline-cta>p{color:#b7c1ba;font-size:13px;line-height:1.7;margin:14px 0 8px}
.baseline-cta>small{color:#a1ada5;font-size:11px}
.baseline-progress-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;min-height:28px}
.baseline-progress-header>span{font:11px var(--mono);color:#c3cfc4;letter-spacing:.025em}
.baseline-progress-header button{font-size:12px;padding:6px 0;color:#b6c2b9;min-height:32px}
.baseline-progress-header button:disabled{color:#879188;cursor:default}
.baseline-controls>#baseline-progress-meter{height:2px;margin-bottom:20px}
.baseline-section .question-list{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.baseline-card{min-width:0;margin:0;padding:17px 15px 15px;border:1px solid #34403b;border-radius:6px;background:linear-gradient(140deg,#141c19a6,#0b100ef2);display:flex;flex-direction:column;transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease,background 200ms ease}
.baseline-card:hover{transform:translateY(-2px);border-color:#718468}
.baseline-card[data-answer="yes"]{border-color:#84af5e;box-shadow:inset 0 0 20px #b6f36b08,0 0 10px #b6f36b0b}
.baseline-card[data-answer="partly"]{border-color:#817152;box-shadow:inset 0 0 18px #d7bd8606}
.baseline-card[data-answer="no"]{border-color:#70665a;background:linear-gradient(140deg,#29231b70,#0d100ef2)}
.baseline-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font:10px/1.6 var(--mono);letter-spacing:.045em;color:#aabcaa}
.baseline-card-number{color:#8f9f94;flex-shrink:0}
.baseline-card>p{font-size:13px;line-height:1.65;font-weight:600;color:#e4e9e2;margin:15px 0 19px;flex:1}
.baseline-options{display:grid;grid-template-columns:.65fr 1.65fr .65fr;gap:4px}
.baseline-option{position:relative;display:flex;margin:0;letter-spacing:0;text-transform:none;font:600 11px/1.35 var(--sans);color:#bdc6be;cursor:pointer}
.baseline-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0;margin:0}
.baseline-option span{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 4px;min-height:42px;width:100%;background:#080c0b;border:1px solid #354039;border-radius:3px;transition:background 200ms,border-color 200ms,color 200ms,box-shadow 200ms}
.baseline-option:hover span{border-color:#778b71;color:#f3f4ef}
.baseline-option input[value="1"]:checked+span{background:linear-gradient(135deg,#c0f784,#a9e563);border-color:#c1f586;color:#10200a;box-shadow:0 0 10px #b6f36b15}
.baseline-option input[value="0.5"]:checked+span{background:#3a3529;border-color:#b8a173;color:#f1dfbc}
.baseline-option input[value="0"]:checked+span{background:#302a23;border-color:#9e8e78;color:#e1d3bf}
.baseline-option input:focus-visible+span,.baseline-section a:focus-visible,.baseline-section button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.baseline-enter{animation:baseline-reveal 350ms ease backwards;animation-delay:var(--card-delay,0ms)}
@keyframes baseline-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.baseline-section{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.baseline-card{padding:15px 12px}.baseline-option{font-size:10px}}
@media(max-width:900px){.baseline-section{display:flex;flex-direction:column;gap:26px}.baseline-section .simulator-copy{display:contents}.baseline-intro{order:0}.baseline-controls{order:1;width:100%}.baseline-results{order:2;width:100%}.baseline-intro h2{max-width:680px}.baseline-intro .baseline-time{margin-bottom:0}.baseline-summary{padding:26px}.baseline-verdict p{min-height:0}.baseline-option{font-size:12px}.baseline-card>p{font-size:14px}.baseline-results{max-width:720px;align-self:center}}
@media(max-width:650px){.baseline-section .question-list{grid-template-columns:1fr}.baseline-intro h2{font-size:38px}.baseline-card{padding:18px}.baseline-card>p{margin:12px 0 17px}.baseline-options{grid-template-columns:1fr 1.7fr 1fr;gap:6px}.baseline-option span{min-height:44px}.baseline-summary{padding:21px}.baseline-score-line strong{font-size:58px}}
@media(prefers-reduced-motion:reduce){.baseline-section *,.baseline-section *::before,.baseline-section *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.baseline-card:hover,.baseline-cta .button:hover{transform:none}.baseline-section progress::-webkit-progress-value{transition:none}.baseline-section progress::-moz-progress-bar{transition:none}}
