/* Shared product shell for the calculator and the 360 Career Report.
   The individual routes retain their own form and access-control logic. */
:root{
  --sal-canvas:#EDEEE9;
  --sal-surface:#E4DCC9;
  --sal-ink:#16213B;
  --sal-ink-soft:#5B6478;
  --sal-accent:#C8863A;
  --sal-accent-ink:#15110F;
  --sal-deep:#0F1524;
  --sal-rule:rgba(22,33,59,.14);
}

/* Calculator */
body.runway-page{
  --ink:var(--sal-ink);
  --ink-soft:var(--sal-ink-soft);
  --ink-muted:rgba(22,33,59,.72);
  --paper:var(--sal-canvas);
  --paper-2:var(--sal-surface);
  --paper-3:#F7F7F3;
  --rule:var(--sal-rule);
  --rule-strong:rgba(22,33,59,.28);
  --brass:var(--sal-accent);
  --brass-2:#A96D27;
  --brass-soft:#D8A15E;
  font-size:18px;
  line-height:1.68;
}
body.runway-page header.site{background:rgba(237,238,233,.94);backdrop-filter:blur(12px);box-shadow:none}
body.runway-page .navrow{width:min(1180px,calc(100% - 48px));min-height:64px;margin:0 auto;padding:10px 0}
body.runway-page .brand-lockup{gap:10px}
body.runway-page .logo-mark{width:34px;height:34px}
body.runway-page .wordmark{font-size:20px;letter-spacing:-.018em}
body.runway-page .wordmark span{color:var(--sal-accent)}
body.runway-page nav.links{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
body.runway-page .nav-cta{min-height:38px;min-width:0;background:var(--sal-accent);border:1px solid var(--sal-accent);border-radius:2px;color:var(--sal-accent-ink);font-size:13px}
body.runway-page .nav-cta:hover{background:#D8A15E;color:var(--sal-accent-ink)}
body.runway-page .runway-hero{padding:86px 0 62px;background:var(--sal-canvas);color:var(--sal-ink);border-bottom:1px solid var(--sal-rule)}
body.runway-page .runway-hero-inner{grid-template-columns:minmax(0,1.16fr) minmax(280px,.64fr);align-items:center}
body.runway-page .runway-hero h1{color:var(--sal-ink);max-width:15ch;font-size:clamp(46px,5.4vw,76px);line-height:1.02}
body.runway-page .runway-hero .eyebrow{color:#A96D27}
body.runway-page .runway-hero .eyebrow::before{background:var(--sal-accent)}
body.runway-page .hero-copy{color:var(--sal-ink-soft);font-size:18px;line-height:1.72;max-width:58ch}
body.runway-page .hero-note{border-color:var(--sal-rule);border-radius:0;background:var(--sal-surface);padding:26px}
body.runway-page .hero-note strong{font-family:"Fraunces",Georgia,serif;color:var(--sal-ink);font-size:22px;font-weight:500}
body.runway-page .hero-note span{color:var(--sal-ink-soft);font-size:14px;line-height:1.55}
body.runway-page .gate-panel,body.runway-page .calculator-section,body.runway-page .results-section,body.runway-page .method-section{padding:54px 0}
body.runway-page .panel-heading h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.022em}
body.runway-page .warning-box{border-left-color:var(--sal-accent);background:rgba(200,134,58,.08)}
body.runway-page .ack,body.runway-page .calc-panel,body.runway-page .summary-card,body.runway-page .risk-item{border-radius:0;background:rgba(255,255,255,.28)}
body.runway-page .primary-action{border-color:var(--sal-accent);background:var(--sal-accent);color:var(--sal-accent-ink)}
body.runway-page .primary-action:hover{background:#D8A15E;color:var(--sal-accent-ink)}
body.runway-page .secondary-action,body.runway-page .small-action{border-radius:0}

/* 360 Career Report */
body.sal-career-report{
  --ink:var(--sal-ink);
  --paper:var(--sal-canvas);
  --card:#F7F7F3;
  --brass:var(--sal-accent);
  --brass2:#A96D27;
  --rule:var(--sal-rule);
  font-size:18px;
  line-height:1.68;
}
body.sal-career-report .bar{min-height:64px;background:rgba(237,238,233,.94);backdrop-filter:blur(12px);padding:10px max(24px,calc((100% - 1180px)/2));border-bottom-color:var(--sal-rule)}
body.sal-career-report .brand{font-family:"Fraunces",Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.018em}
body.sal-career-report .brand img{width:34px;height:34px;object-fit:contain;border:0;border-radius:0}
body.sal-career-report .links{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
body.sal-career-report main{margin:64px auto 78px}
body.sal-career-report .hero{grid-template-columns:minmax(0,1.1fr) minmax(310px,.72fr);gap:52px;padding-bottom:52px}
body.sal-career-report .hero h1{max-width:13ch;font-size:clamp(48px,5.5vw,78px);line-height:1.01}
body.sal-career-report .hero > div > p{max-width:58ch;font-size:18px;line-height:1.72;color:var(--sal-ink-soft)}
body.sal-career-report .eyebrow{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.15em;color:#A96D27}
body.sal-career-report .panel{border-radius:0;border-color:var(--sal-rule);background:var(--sal-surface);padding:28px}
body.sal-career-report .hero .panel{box-shadow:inset 0 3px 0 var(--sal-accent)}
body.sal-career-report .price{font-family:"Fraunces",Georgia,serif;font-size:34px;letter-spacing:-.02em}
body.sal-career-report .status{border-radius:0;border-color:rgba(200,134,58,.45);background:rgba(200,134,58,.09);color:var(--sal-ink-soft)}
body.sal-career-report .button,body.sal-career-report button{border-radius:2px;border-color:var(--sal-rule);font-size:14px}
body.sal-career-report .button.primary,body.sal-career-report button.primary{background:var(--sal-accent);border-color:var(--sal-accent);color:var(--sal-accent-ink)}
body.sal-career-report .grid{gap:28px;margin-top:46px}
body.sal-career-report .step{padding-top:18px}
body.sal-career-report .included{margin-top:48px}
body.sal-career-report .included-grid{gap:0;border-top:1px solid var(--sal-rule)}
body.sal-career-report .included-item{border-radius:0;border-color:var(--sal-rule);background:transparent;padding:20px}
body.sal-career-report .evidence-row span{border-radius:0;border-color:var(--sal-rule);background:transparent;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.04em}
body.sal-career-report .form{gap:18px}
body.sal-career-report input,body.sal-career-report select,body.sal-career-report textarea,body.sal-career-report .job-card{border-radius:0;border-color:rgba(169,109,39,.54);background:rgba(255,253,248,.82);box-shadow:inset 3px 0 0 rgba(200,134,58,.36)}
body.sal-career-report input:focus,body.sal-career-report select:focus,body.sal-career-report textarea:focus{border-color:var(--sal-accent);box-shadow:0 0 0 4px rgba(200,134,58,.16),inset 3px 0 0 var(--sal-accent)}
body.sal-career-report .job-card:hover,body.sal-career-report .job-card:has(input:checked){border-color:var(--sal-accent);background:#fffaf1;box-shadow:inset 3px 0 0 var(--sal-accent),0 8px 18px rgba(22,33,59,.08)}
body.sal-career-report .data-vault-notice{border-radius:0}
body.sal-career-report .sal-product-footer{margin-top:64px;padding:28px 0;border-top:1px solid var(--sal-rule);color:var(--sal-ink-soft);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
body.sal-career-report .sal-product-footer a{color:inherit;font-weight:500}

/* Protected eBook and video gates */
body.sal-ebook-gate,body.sal-video-gate{
  --ink:var(--sal-ink);
  --paper:var(--sal-canvas);
  --card:#F7F7F3;
  --brass:var(--sal-accent);
  --rule:var(--sal-rule);
  font-size:18px;
  line-height:1.68;
}
body.sal-ebook-gate main,body.sal-video-gate .panel{border-radius:0;border-color:var(--sal-rule);background:var(--sal-surface)}
body.sal-ebook-gate .preview-card,body.sal-video-gate .preview-card,body.sal-video-gate .video-module{border-radius:0;border-color:var(--sal-rule);background:rgba(255,255,255,.34)}
body.sal-ebook-gate .button,body.sal-video-gate .button{border-radius:2px}
body.sal-ebook-gate .button.primary,body.sal-video-gate .button.primary{background:var(--sal-accent);border-color:var(--sal-accent);color:var(--sal-accent-ink)}
body.sal-video-gate .bar{min-height:64px;background:rgba(237,238,233,.94);backdrop-filter:blur(12px);border-bottom-color:var(--sal-rule);padding:10px max(24px,calc((100% - 1040px)/2))}
body.sal-video-gate .brand{font-family:"Fraunces",Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.018em}
body.sal-video-gate .brand img{width:34px;height:34px}
body.sal-video-gate .links{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
body.sal-video-gate .panel{padding:32px}
body.sal-ebook-gate h1,body.sal-video-gate h1{font-size:clamp(42px,5vw,64px);letter-spacing:-.022em}
body.sal-ebook-gate .button:not(.primary),body.sal-video-gate .button:not(.primary){background:rgba(255,253,248,.82);border-color:rgba(169,109,39,.48);box-shadow:inset 3px 0 0 rgba(200,134,58,.28),0 4px 12px rgba(22,33,59,.06)}

@media(max-width:860px){
  body.runway-page .navrow{width:min(100% - 32px,1180px)}
  body.runway-page .runway-hero{padding:58px 0 44px}
  body.runway-page .runway-hero h1,body.sal-career-report .hero h1{font-size:clamp(40px,13vw,56px)}
  body.sal-career-report .bar{padding:10px 16px}
  body.sal-career-report main{margin:36px auto 56px}
  body.sal-career-report .hero{gap:28px;padding-bottom:36px}
  body.sal-career-report .panel{padding:22px}
  body.sal-video-gate .bar{padding:10px 16px}
  body.runway-page{overflow-x:clip}
  body.runway-page .results-section{overflow:hidden}
  body.runway-page #scenario-table{max-width:100%;overflow-x:auto}
}