/* Retirement Readiness Scorecard for lifefocusadvisors.com.
   Copied from sethdeal.com/scorecard (dark theme) and switched to LifeFocus's light palette. */
.scq-root {
  --q-strong: var(--espresso, #2B1A0C); --q-soft: var(--muted, #7A6650);
  --gold-lift: var(--amber, #A35E00); --gold-text: var(--amber-text, #8A4F00); --gold-deep: #94570A;
  --brown: #ffffff; --brown-2: #ffffff;
  --sc-ink-soft: var(--ink-soft, #5E4B38); --sc-hairline: rgba(43,26,12,.14);
  --sc-font-display: var(--serif, 'Fraunces', Georgia, serif); --sc-font-text: var(--sans, system-ui, sans-serif);
  --sc-t-xs: .8125rem; --sc-t-sm: .9375rem; --sc-t-base: 1.0625rem; --sc-t-lg: 1.25rem; --sc-t-xl: 1.5rem;
  --sc-2: .5rem; --sc-3: .75rem; --sc-4: 1rem; --sc-5: 1.25rem; --sc-6: 1.5rem; --sc-7: 2rem; --sc-8: 2.5rem; --sc-9: 3rem;
  --sc-gutter: var(--gutter, 32px); --sc-d-fast: .15s; --sc-d-base: .25s; --sc-ease-out: cubic-bezier(.2,.7,.2,1);
  background: var(--cream, #FAF5EC); color: var(--sc-ink-soft); font-family: var(--sc-font-text);
}
.scq-root .sc-display { font-family: var(--sc-font-display); font-weight: 500; color: var(--q-strong); line-height: 1.08; letter-spacing: -.01em; }
.scq-root .scq-wrap-outer { min-height: auto; padding: clamp(2.5rem, 6vw, 4.5rem) var(--sc-gutter); }
.scq-root .scq-app { box-shadow: 0 0 0 1px var(--line, #EBDFCB), 0 14px 34px -18px rgba(43,26,12,.35); }
.scq-root .scq-next { background: var(--espresso, #2B1A0C); color: #fff; }
.scq-root .scq-num { color: #fff; }
.scq-root .scq-ring { background: radial-gradient(closest-side, #fff 82%, transparent 83%), conic-gradient(var(--gold-lift) calc(var(--v) * 1%), rgba(43,26,12,.1) 0); }
.scq-root .scq-sent { background: var(--sand-soft, #F3EBDD); }
.scq-root .scq-field input, .scq-root .scq-field select { border-color: var(--line-strong, #E0D1B8); }
.scq-root a { color: var(--amber-text, #8A4F00); }
/* ---------------------------------------------------------- scorecard -- */
  .scq-wrap-outer { min-height: 100vh; padding: clamp(6rem, 14vh, 8.5rem) var(--sc-gutter) clamp(4rem, 10vh, 6rem); }
  .scq-app { position: relative; max-width: 44rem; margin-inline: auto; background: var(--brown-2); border-radius: 3px;
    padding: clamp(1.5rem, 4vw, 3rem); box-shadow: 0 0 0 1px rgba(224,164,74,.35), 0 18px 40px -12px hsl(12 30% 6% / .6); }
  .scq-progress { position: absolute; inset: 0 0 auto 0; height: 3px; background: rgba(43,26,12,.08); border-radius: 3px 3px 0 0; overflow: hidden; }
  .scq-progress span { display: block; height: 100%; width: calc(var(--p, 0) * 100%); background: var(--gold-lift); transition: width .35s var(--sc-ease-out); }
  .scq-app.is-done .scq-progress { display: none; }
  .scq-stage:focus, .scq-stage [tabindex="-1"]:focus { outline: none; }

  .scq-kicker { font-size: var(--sc-t-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-lift); font-weight: 500; margin: 0 0 var(--sc-3); }
  .scq-h1 { font-size: clamp(2.2rem, 1.3rem + 2.8vw, 3.6rem); margin: 0; max-width: 16ch; text-wrap: balance; }
  .scq-lede { font-size: var(--sc-t-lg); line-height: 1.5; color: var(--sc-ink-soft); margin: var(--sc-5) 0 0; max-width: 40ch; text-wrap: pretty; }
  .scq-facts { list-style: none; margin: var(--sc-6) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--sc-2) var(--sc-6); font-size: var(--sc-t-sm); color: var(--q-strong); }
  .scq-facts li { display: flex; align-items: center; gap: var(--sc-2); }
  .scq-facts li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gold-lift); }

  .scq-q { font-family: var(--sc-font-display); font-weight: 400; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem); line-height: 1.15; color: var(--q-strong); margin: 0; text-wrap: balance; }
  .scq-q2 { font-size: var(--sc-t-base); font-weight: 600; color: var(--q-strong); margin: var(--sc-6) 0 0; }
  .scq-h3 { font-family: var(--sc-font-display); font-weight: 400; font-size: var(--sc-t-xl); color: var(--q-strong); margin: var(--sc-8) 0 var(--sc-4); }
  .scq-edu { color: var(--q-soft); border-left: 2px solid rgba(224,164,74,.6); padding-left: .75rem; }
  .scq-tag { font-weight: 400; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); margin-left: .4rem; }
  .scq-sub { color: var(--sc-ink-soft); margin: var(--sc-3) 0 0; line-height: 1.55; }
  .scq-help { font-size: var(--sc-t-xs); line-height: 1.6; color: var(--q-soft); margin: var(--sc-5) 0 0; }
  .scq-help a, .scq-soft a { color: var(--gold-lift); }

  .scq-list { display: grid; gap: var(--sc-2); margin-top: var(--sc-5); }
  .scq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-2); margin-top: var(--sc-5); }
  .scq-opt { position: relative; display: block; cursor: pointer; }
  .scq-opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
  .scq-opt span { display: block; padding: .9rem 1rem; border: 1px solid rgba(43,26,12,.18); border-radius: 2px; background: rgba(43,26,12,.03);
    color: var(--q-strong); line-height: 1.4; transition: border-color var(--sc-d-fast) var(--sc-ease-out), background-color var(--sc-d-fast) var(--sc-ease-out); }
  .scq-grid .scq-opt span { text-align: center; font-weight: 500; }
  .scq-opt--check span { padding-left: 2.75rem; }
  .scq-opt--check span::before { content: ""; position: absolute; left: 1rem; top: 1.05rem; width: 1rem; height: 1rem; border: 1.5px solid rgba(43,26,12,.5); border-radius: 2px; }
  .scq-opt--check input:checked + span::before { background: var(--gold-lift); border-color: var(--gold-lift);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23282120' stroke-width='2'/%3E%3C/svg%3E"); }
  @media (hover: hover) and (pointer: fine) { .scq-opt:hover span { border-color: rgba(224,164,74,.6); } }
  .scq-opt input:checked + span { border-color: var(--gold-lift); background: rgba(224,164,74,.12); }
  .scq-opt input:focus-visible + span { outline: 2px solid var(--gold-lift); outline-offset: 2px; }

  .scq-fields { display: grid; gap: var(--sc-4); margin-top: var(--sc-5); }
  .scq-fields[hidden] { display: none; }
  .scq-field { display: grid; gap: var(--sc-2); }
  .scq-field > span:first-child { font-size: var(--sc-t-sm); color: var(--q-strong); font-weight: 500; line-height: 1.4; }
  .scq-field input, .scq-field select { width: 100%; font: inherit; font-size: 1.0625rem; padding: .8rem .9rem; border: 1px solid rgba(43,26,12,.25); border-radius: 2px; background: #fff; color: #241C1A; }
  .scq-field input:focus-visible, .scq-field select:focus-visible { outline: 2px solid var(--gold-lift); outline-offset: 1px; }
  .scq-money { position: relative; display: block; }
  .scq-money::before { content: "$"; position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); color: var(--q-soft); pointer-events: none; }
  .scq-money input { padding-left: 1.7rem; }

  .scq-error { min-height: 1.4em; margin: var(--sc-4) 0 0; color: #B23B1E; font-weight: 500; font-size: var(--sc-t-sm); }
  .scq-error:empty { min-height: 0; margin: 0; }
  .scq-nav { display: flex; justify-content: space-between; align-items: center; gap: var(--sc-4); margin-top: var(--sc-6); }
  .scq-next { margin-left: auto; font: inherit; font-weight: 600; font-size: 1.0625rem; padding: .95rem 1.6rem; border: 0; border-radius: 2px; background: var(--gold-lift); color: var(--brown); cursor: pointer; transition: filter var(--sc-d-fast) var(--sc-ease-out), transform var(--sc-d-fast) var(--sc-ease-out); }
  .scq-next:active { transform: translateY(1px); }
  .scq-next[disabled] { opacity: .6; cursor: default; }
  @media (hover: hover) and (pointer: fine) { .scq-next:hover { filter: brightness(1.08); } }
  .scq-back { font: inherit; background: none; border: 0; color: var(--sc-ink-soft); cursor: pointer; padding: .5rem 0; text-decoration: underline; text-underline-offset: .3em; text-decoration-color: rgba(214,200,181,.4); }
  .scq-back[hidden], .scq-next[hidden] { display: none; }

  /* pension result */
  .scq-big { font-family: var(--sc-font-display); font-size: clamp(2.8rem, 2rem + 3vw, 4.25rem); line-height: 1; color: var(--q-strong); margin: var(--sc-2) 0 0; }
  .scq-big small { font-family: var(--sc-font-text); font-size: var(--sc-t-base); color: var(--sc-ink-soft); margin-left: .4rem; }
  .scq-big--sm { font-size: clamp(2rem, 1.6rem + 1.6vw, 2.8rem); }
  .scq-flag { margin: var(--sc-4) 0 0; padding: .8rem 1rem; border-left: 3px solid var(--gold-lift); background: rgba(224,164,74,.1); color: var(--q-strong); line-height: 1.5; font-size: var(--sc-t-sm); }
  .scq-chart__title { margin: var(--sc-7) 0 var(--sc-3); font-size: var(--sc-t-xs); letter-spacing: .1em; text-transform: uppercase; color: var(--sc-ink-soft); }
  .scq-chart { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; align-items: stretch; height: 11rem; }
  .scq-bar { flex: 1; display: flex; flex-direction: column; align-items: center; min-width: 0; }
  .scq-bar__val { font-size: .7rem; color: var(--sc-ink-soft); white-space: nowrap; height: 1.2rem; }
  .scq-bar__col { flex: 1; width: 100%; display: flex; align-items: flex-end; border-bottom: 1px solid rgba(43,26,12,.2); }
  .scq-bar__col span { display: block; width: 100%; background: rgba(43,26,12,.28); border-radius: 2px 2px 0 0; }
  .scq-bar.is-target .scq-bar__col span { background: var(--gold-lift); }
  .scq-bar.is-target .scq-bar__val, .scq-bar.is-target .scq-bar__age { color: var(--q-strong); font-weight: 600; }
  .scq-bar__age { font-size: .75rem; color: var(--sc-ink-soft); margin-top: .35rem; }
  .scq-bar__yos, .scq-bar__pct { font-size: .68rem; color: var(--q-soft); line-height: 1.3; white-space: nowrap; }
  .scq-bar.is-target .scq-bar__yos, .scq-bar.is-target .scq-bar__pct { color: var(--q-strong); }
  .scq-chart { height: 13rem; }
  .scq-chart__key { margin: var(--sc-3) 0 0; font-size: var(--sc-t-xs); color: var(--q-soft); }

  /* projections, lifestyle estimate, calculations */
  .scq-flag--today { margin: var(--sc-4) 0 0; border-left-color: #8CC084; background: rgba(140,192,132,.1); }
  .scq-pct { position: relative; display: block; }
  .scq-pct::after { content: "%"; position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); color: var(--q-soft); pointer-events: none; }
  .scq-pct input { padding-right: 2rem; }
  .scq-life { margin-top: var(--sc-4); border: 1px solid rgba(43,26,12,.16); border-radius: 2px; padding: .2rem 1rem 1rem; background: rgba(43,26,12,.03); }
  .scq-life summary { cursor: pointer; padding: .7rem 0; color: var(--gold-lift); font-weight: 600; }
  .scq-life[open] summary { margin-bottom: .25rem; }
  .scq-q3 { margin: var(--sc-4) 0 var(--sc-2); font-size: var(--sc-t-sm); color: var(--q-strong); font-weight: 600; }
  .scq-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
  .scq-chip { position: relative; cursor: pointer; }
  .scq-chip input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
  .scq-chip span { display: block; padding: .5rem .8rem; border: 1px solid rgba(43,26,12,.22); border-radius: 999px; font-size: var(--sc-t-sm); color: var(--q-strong); }
  .scq-chip input:checked + span { border-color: var(--gold-lift); background: rgba(224,164,74,.16); }
  .scq-chip input:focus-visible + span { outline: 2px solid var(--gold-lift); outline-offset: 2px; }
  .scq-life__out { margin: var(--sc-4) 0 var(--sc-3); color: var(--q-strong); }
  .scq-ghost { font: inherit; font-weight: 600; padding: .7rem 1.1rem; border: 1px solid var(--gold-lift); border-radius: 2px; background: transparent; color: var(--gold-lift); cursor: pointer; }
  .scq-proj { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-3); }
  .scq-proj div { padding: var(--sc-4); border: 1px solid rgba(43,26,12,.12); border-radius: 2px; background: rgba(43,26,12,.04); }
  .scq-proj span { display: block; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); letter-spacing: .04em; }
  .scq-proj strong { display: block; margin-top: .3rem; font-family: var(--sc-font-display); font-weight: 400; font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); color: var(--q-strong); }
  .scq-proj div:last-child { border-color: rgba(224,164,74,.5); }
  .scq-calc { margin: var(--sc-4) 0 0; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); line-height: 1.6; }
  .scq-calc strong { color: var(--q-strong); }
  .scq-math { margin-top: var(--sc-6); border-top: 1px solid rgba(43,26,12,.14); padding-top: var(--sc-3); }
  .scq-math summary { cursor: pointer; color: var(--gold-lift); font-weight: 600; padding: .5rem 0; }
  .scq-math ol { margin: var(--sc-3) 0 0; padding-left: 1.2rem; display: grid; gap: var(--sc-3); font-size: var(--sc-t-sm); line-height: 1.6; color: var(--sc-ink-soft); }
  .scq-math strong { color: var(--q-strong); }
  @media (max-width: 640px) { .scq-proj { grid-template-columns: 1fr; } }
  /* Phones: the chart turns into one readable row per age. */
  @media (max-width: 560px) {
    .scq-chart { flex-direction: column; height: auto; gap: 6px; }
    .scq-bar { display: grid; grid-template-columns: 2.2rem 3.6rem 2.8rem minmax(0, 1fr) 3.4rem; align-items: center; gap: .5rem; }
    .scq-bar__age { order: 1; margin: 0; font-size: .875rem; }
    .scq-bar__yos { order: 2; font-size: .8125rem; }
    .scq-bar__pct { order: 3; font-size: .8125rem; }
    .scq-bar__col { order: 4; height: 1.1rem; border-bottom: 0; align-items: stretch; background: rgba(43,26,12,.06); border-radius: 2px; }
    .scq-bar__col span { height: 100% !important; width: var(--w); border-radius: 2px; }
    .scq-bar__val { order: 5; height: auto; font-size: .8125rem; text-align: right; }
    .scq-chart__key { font-size: .8125rem; }
  }

  /* results */
  .scq-score { display: flex; align-items: center; gap: var(--sc-6); margin-top: var(--sc-4); }
  .scq-score p { margin: 0; font-size: var(--sc-t-lg); line-height: 1.4; color: var(--q-strong); max-width: 28ch; }
  .scq-ring { --v: 0; flex: none; width: 8.5rem; height: 8.5rem; border-radius: 50%; display: grid; place-content: center; text-align: center;
    background: radial-gradient(closest-side, var(--brown-2) 82%, transparent 83%), conic-gradient(var(--gold-lift) calc(var(--v) * 1%), rgba(43,26,12,.12) 0); }
  .scq-ring span { font-family: var(--sc-font-display); font-size: 2.9rem; line-height: 1; color: var(--q-strong); }
  .scq-ring small { font-size: .72rem; color: var(--sc-ink-soft); letter-spacing: .06em; }
  .scq-first { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sc-4); }
  .scq-first li { display: flex; gap: var(--sc-4); padding: var(--sc-4) var(--sc-5); background: rgba(43,26,12,.04); border: 1px solid rgba(43,26,12,.12); border-radius: 2px; }
  .scq-num { flex: none; width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-content: center; background: var(--gold-lift); color: var(--brown); font-weight: 700; }
  .scq-first h4 { margin: .2rem 0 var(--sc-2); font-size: var(--sc-t-base); color: var(--q-strong); }
  .scq-first p { margin: 0; color: var(--sc-ink-soft); line-height: 1.6; font-size: var(--sc-t-sm); }
  .scq-table { width: 100%; border-collapse: collapse; font-size: var(--sc-t-sm); }
  .scq-table th, .scq-table td { padding: .65rem 0; border-bottom: 1px solid rgba(43,26,12,.1); text-align: left; font-weight: 400; color: var(--sc-ink-soft); vertical-align: top; }
  .scq-table td { text-align: right; color: var(--q-strong); white-space: nowrap; padding-left: var(--sc-4); }
  .scq-table em { font-style: normal; font-size: .85em; opacity: .8; }
  .scq-table tr.is-total th, .scq-table tr.is-total td { color: var(--q-strong); font-weight: 600; }
  .scq-table .is-plus { color: #2F7D32; font-weight: 600; }
  .scq-table .is-minus { color: #B23B1E; font-weight: 600; }
  .scq-areas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-2) var(--sc-6); font-size: var(--sc-t-sm); }
  .scq-area { display: flex; align-items: center; gap: var(--sc-3); padding: .45rem 0; border-bottom: 1px solid rgba(43,26,12,.08); color: var(--q-strong); }
  .scq-area em { margin-left: auto; font-style: normal; font-size: .82em; color: var(--sc-ink-soft); white-space: nowrap; }
  .scq-dot { flex: none; width: .7rem; height: .7rem; border-radius: 50%; }
  .scq-area.is-good .scq-dot { background: #8CC084; }
  .scq-area.is-mid .scq-dot { background: var(--gold-lift); }
  .scq-area.is-low .scq-dot { background: #E07B5A; }
  .scq-sent { margin: 0 0 var(--sc-6); padding: 1rem 1.15rem; border: 1px solid var(--gold-lift); border-radius: 2px; background: rgba(224,164,74,.14); color: var(--q-strong); line-height: 1.55; font-size: var(--sc-t-sm); }
  .scq-sent--intro { margin: var(--sc-6) 0 0; }
  .scq-sent strong { display: block; font-size: var(--sc-t-base); margin-bottom: .2rem; }
  .scq-soft { margin-top: var(--sc-8); padding-top: var(--sc-5); border-top: 1px solid rgba(43,26,12,.14); }
  .scq-soft p { margin: 0; color: var(--q-strong); line-height: 1.6; }

  @media (max-width: 640px) {
    .scq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .scq-areas { grid-template-columns: 1fr; }
    .scq-score { flex-direction: column; align-items: flex-start; gap: var(--sc-4); }
    .scq-wrap-outer { padding-top: 5rem; padding-inline: 12px; }
    .scq-first li { padding: var(--sc-4); }
  }

  
/* method page */
.scq-doc { line-height: 1.7; }
.scq-doc p, .scq-doc ul { margin: .75rem 0 0; }
.scq-doc ul { padding-left: 1.2rem; display: grid; gap: .35rem; }
.scq-doc strong { color: var(--q-strong); }
.scq-docbtn { display: inline-block; margin-top: 1.5rem; }

/* body copy size on the LifeFocus site */
.scq-root .scq-sub, .scq-root .scq-lede { font-size: 1rem; }
.scq-root .scq-lede { font-size: 1.125rem; }

  /* Report preview on the intro screen and report extras (2026-11-08). Same block on sethdeal.com and LifeFocus. */
  .scq-get__h { margin-top: var(--sc-8); }
  .scq-get { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sc-3); font-size: var(--sc-t-sm); line-height: 1.55; color: var(--sc-ink-soft); }
  .scq-get li { position: relative; padding-left: 1.6rem; }
  .scq-get li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--gold-lift); font-weight: 700; }
  .scq-get strong { color: var(--q-strong, #fff); font-weight: 600; }
  .scq-preview { margin-top: var(--sc-6); padding: var(--sc-5); border: 1px dashed color-mix(in oklab, var(--gold-lift) 60%, transparent); border-radius: 3px; background: color-mix(in oklab, var(--gold-lift) 6%, transparent); }
  .scq-preview__tag { margin: 0 0 var(--sc-4); font-size: var(--sc-t-xs); letter-spacing: .1em; text-transform: uppercase; color: var(--gold-lift); font-weight: 600; }
  .scq-preview__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-3); }
  .scq-pv { padding: var(--sc-4); border: 1px solid color-mix(in oklab, currentColor 14%, transparent); border-radius: 2px; background: color-mix(in oklab, currentColor 3%, transparent); min-width: 0; }
  .scq-pv--wide { grid-column: 1 / -1; }
  .scq-pv__k { display: block; font-size: var(--sc-t-xs); letter-spacing: .04em; color: var(--sc-ink-soft); margin-bottom: .35rem; }
  .scq-pv strong { display: block; font-family: var(--sc-font-display); font-weight: 400; font-size: 1.9rem; line-height: 1.1; color: var(--q-strong, #fff); }
  .scq-pv strong small { font-family: var(--sc-font-text); font-size: .9rem; color: var(--sc-ink-soft); }
  .scq-pv em { display: block; margin-top: .3rem; font-style: normal; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
  .scq-pv--score { display: flex; align-items: center; gap: var(--sc-4); }
  .scq-pv--score p { margin: 0; font-size: var(--sc-t-sm); line-height: 1.4; color: var(--q-strong, #fff); }
  .scq-ring.scq-ring--sm { width: 4.6rem; height: 4.6rem; }
  .scq-ring.scq-ring--sm span { font-size: 1.6rem; }
  .scq-ring.scq-ring--sm small { font-size: .55rem; }
  .scq-pv__years { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-2); }
  .scq-pv__years li { padding: .5rem .6rem; border-radius: 2px; border: 1px solid color-mix(in oklab, currentColor 12%, transparent); }
  .scq-pv__years li.is-on { border-color: var(--gold-lift); }
  .scq-pv__years b { display: block; font-size: var(--sc-t-xs); font-weight: 500; color: var(--sc-ink-soft); }
  .scq-pv__years span { font-weight: 600; color: var(--q-strong, #fff); }
  .scq-pv__time { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--sc-2) var(--sc-4); font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
  .scq-pv__time b { color: var(--q-strong, #fff); margin-right: .3rem; }
  .scq-step { margin-top: var(--sc-2) !important; color: var(--q-strong, #fff) !important; }
  .scq-step strong { color: var(--gold-lift); }
  .scq-time { list-style: none; margin: 0; padding: 0 0 0 var(--sc-5); border-left: 2px solid color-mix(in oklab, var(--gold-lift) 55%, transparent); }
  .scq-time li { position: relative; padding: 0 0 var(--sc-4); }
  .scq-time li::before { content: ""; position: absolute; left: calc(-1 * var(--sc-5) - 6px); top: .35rem; width: 10px; height: 10px; border-radius: 50%; background: var(--gold-lift); }
  .scq-time b { display: block; font-weight: 600; color: var(--q-strong, #fff); font-size: var(--sc-t-sm); }
  .scq-time span { display: block; color: var(--sc-ink-soft); font-size: var(--sc-t-sm); line-height: 1.55; }
  .scq-callout { margin: var(--sc-4) 0; padding: var(--sc-4) var(--sc-5); border-left: 3px solid var(--gold-lift); background: color-mix(in oklab, var(--gold-lift) 10%, transparent); color: var(--q-strong, #fff); font-size: var(--sc-t-sm); line-height: 1.6; }
  .scq-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .scq-years { min-width: 31rem; }
  .scq-years th, .scq-years td { text-align: right; padding-left: var(--sc-3); white-space: nowrap; }
  .scq-years th:first-child, .scq-years td:first-child { text-align: left; padding-left: 0; }
  .scq-years thead th { font-size: var(--sc-t-xs); letter-spacing: .03em; }
  .scq-years tr.is-target td { font-weight: 600; background: color-mix(in oklab, var(--gold-lift) 8%, transparent); }
  .scq-printrow { margin: var(--sc-5) 0 0; }
  /* Sample report, fuller version (2026-11-08) */
  .scq-pv--hero { display: flex; align-items: center; gap: var(--sc-4); margin-bottom: var(--sc-3); border-color: color-mix(in oklab, var(--gold-lift) 55%, transparent); background: color-mix(in oklab, var(--gold-lift) 10%, transparent); }
  .scq-pv__head { margin: 0 0 .25rem; font-family: var(--sc-font-display); font-size: 1.3rem; line-height: 1.2; color: var(--q-strong, #fff); }
  .scq-pv__text { margin: 0; font-size: var(--sc-t-sm); line-height: 1.5; color: var(--sc-ink-soft); }
  .scq-pv__text b { color: var(--q-strong, #fff); }
  .scq-pv--wide > em { display: block; margin-top: .5rem; font-style: normal; font-size: var(--sc-t-xs); line-height: 1.45; color: var(--sc-ink-soft); }
  .scq-pv__bar { position: relative; display: flex; height: 26px; margin: 2.1rem 0 .55rem; border-radius: 4px; background: color-mix(in oklab, currentColor 8%, transparent); }
  .scq-pv__bar > span { display: block; height: 100%; }
  .scq-pv__bar > span:first-child { border-radius: 4px 0 0 4px; }
  .scq-pv__bar > span:last-of-type { border-radius: 0 4px 4px 0; }
  .scq-pv__bar .is-pen, .scq-pv__legend .is-pen::before { background: var(--gold-lift); }
  .scq-pv__bar .is-sav, .scq-pv__legend .is-sav::before { background: #C98B5A; }
  .scq-pv__bar .is-ss, .scq-pv__legend .is-ss::before { background: #7FA99A; }
  .scq-pv__spend { position: absolute; top: -6px; bottom: -6px; width: 0; border-left: 2px dashed var(--q-strong, #fff); font-style: normal; }
  .scq-pv__spend b { position: absolute; bottom: 100%; left: 0; transform: translateX(-50%); margin-bottom: 2px; white-space: nowrap; font-size: var(--sc-t-xs); font-weight: 600; color: var(--q-strong, #fff); }
  .scq-pv__legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem var(--sc-4); font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
  .scq-pv__legend li { display: flex; align-items: center; gap: .35rem; }
  .scq-pv__legend li.is-pen::before, .scq-pv__legend li.is-sav::before, .scq-pv__legend li.is-ss::before { content: ""; width: 10px; height: 10px; border-radius: 2px; }
  .scq-pv__legend b { color: var(--q-strong, #fff); }
  .scq-pv__three { margin: 0; padding-left: 1.2rem; display: grid; gap: .5rem; font-size: var(--sc-t-sm); }
  .scq-pv__three b { display: block; color: var(--q-strong, #fff); }
  .scq-pv__three span { display: block; font-size: var(--sc-t-xs); line-height: 1.45; color: var(--sc-ink-soft); }
  .scq-pv__foot { margin: var(--sc-3) 0 0; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
  @media (max-width: 520px) { .scq-pv--hero { flex-direction: column; align-items: flex-start; } }
  .scq-verdict { margin: var(--sc-5) 0 0; padding: var(--sc-4) var(--sc-5); border-left: 4px solid var(--gold-lift); background: color-mix(in oklab, var(--gold-lift) 12%, transparent); }
  .scq-verdict p { margin: 0; color: var(--q-strong, #fff); line-height: 1.55; font-size: var(--sc-t-sm); }
  .scq-verdict .scq-verdict__h { font-family: var(--sc-font-display); font-size: var(--sc-t-lg, 1.25rem); line-height: 1.25; margin-bottom: .35rem; }
  .scq-verdict .scq-verdict__fine { margin-top: .5rem; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
  @media (max-width: 560px) { .scq-years { min-width: 0; } .scq-years th:nth-child(3), .scq-years td:nth-child(3) { display: none; } .scq-years th, .scq-years td { padding-left: .5rem; font-size: .85rem; } .scq-years td em { display: block; } .scq-years thead th { white-space: normal; vertical-align: bottom; } }
  @media (max-width: 520px) { .scq-preview__grid { grid-template-columns: 1fr; } .scq-preview { padding: var(--sc-4); } .scq-pv__years { grid-template-columns: 1fr; } .scq-pv__years li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sc-3); } .scq-pv__years b { display: inline; font-size: var(--sc-t-sm); } }
  /* Designed PDF report (2026-11-08): hidden on screen, the only thing printed. Fixed brand colors on white paper. */
  .scq-printdoc { display: none; }
  .scq-printrow .scq-help { display: block; margin-top: .4rem; }
  /* Opening-screen question + what's ready on the email screen (2026-11-08) */
  .scq-introq { margin: var(--sc-6) 0 0; padding: var(--sc-5); border: 1px solid var(--sc-hairline); border-left: 3px solid var(--gold-lift); border-radius: 2px; }
  .scq-introq__h { margin: 0 0 var(--sc-4); font-family: var(--sc-font-display); font-size: var(--sc-t-lg, 1.25rem); color: var(--q-strong, #fff); }
  .scq-introq .scq-help { margin: var(--sc-3) 0 0; }
  .scq-introq__go { margin: var(--sc-4) 0 0; }
  .scq-linkbtn { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
  .scq-ready { margin: var(--sc-5) 0; padding: var(--sc-5); border: 1px solid var(--sc-hairline); border-radius: 2px; background: color-mix(in oklab, var(--gold-lift) 7%, transparent); }
  .scq-ready__pen { margin: 0 0 var(--sc-4); font-size: var(--sc-t-base); color: var(--q-strong, #fff); }
  .scq-ready__pen span { color: var(--sc-ink-soft); font-size: var(--sc-t-sm); }
  .scq-ready__h { margin: 0 0 var(--sc-3); font-size: var(--sc-t-sm); font-weight: 600; color: var(--q-strong, #fff); }
  /* What-if sliders + PDF box on the results (2026-11-08) */
  .scq-wi { margin-top: var(--sc-8); }
  .scq-wi__ctls { display: grid; gap: var(--sc-5); margin: var(--sc-5) 0; }
  .scq-wi__ctl { display: block; }
  .scq-wi__lab { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
  .scq-wi__lab b { color: var(--q-strong, #fff); font-weight: 600; }
  .scq-wi input[type=range] { width: 100%; margin-top: .6rem; accent-color: var(--gold-lift); height: 1.75rem; cursor: pointer; }
  .scq-wi__tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--sc-3); }
  .scq-wi__tiles div { padding: var(--sc-4); border: 1px solid var(--sc-hairline); border-left: 3px solid var(--gold-lift); border-radius: 2px; background: color-mix(in oklab, var(--gold-lift) 7%, transparent); }
  .scq-wi__tiles span { display: block; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
  .scq-wi__tiles strong { display: block; margin: .3rem 0; font-family: var(--sc-font-display); font-weight: 400; font-size: clamp(1.4rem, 1rem + 1vw, 1.85rem); color: var(--q-strong, #fff); }
  .scq-wi__tiles strong small { font-family: var(--sc-font-text); font-size: var(--sc-t-sm); color: var(--sc-ink-soft); margin-left: .15rem; }
  .scq-wi__tiles .is-plus, .scq-wi__tiles .is-minus { font-size: var(--sc-t-sm); font-weight: 600; }
  .scq-pdf { display: flex; align-items: center; gap: var(--sc-5); margin: var(--sc-6) 0; padding: var(--sc-5); border: 1px solid color-mix(in oklab, var(--gold-lift) 55%, transparent); border-radius: 2px; background: color-mix(in oklab, var(--gold-lift) 9%, transparent); }
  .scq-pdf > div { flex: 1; }
  .scq-pdf__h { margin: 0 0 .3rem; font-family: var(--sc-font-display); font-size: var(--sc-t-lg, 1.25rem); color: var(--q-strong, #fff); }
  .scq-pdf .scq-help { margin: 0; }
  .scq-pdf .scq-next { margin-left: 0; flex-shrink: 0; }
  @media (max-width: 640px) { .scq-pdf { flex-direction: column; align-items: stretch; } .scq-pdf .scq-next { width: 100%; } }
  .scq-wi__tiles .is-plus { color: #2F7D32; } .scq-wi__tiles .is-minus { color: #B23B1E; }
  @media print {
    @page { size: letter; margin: 0.55in 0.6in; }
    html, body { background: #fff !important; }
    body > *:not(.scq-printdoc) { display: none !important; }
    .scq-printdoc { display: block !important; position: static; width: 100%; color: #2B1A0C; background: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 10.5pt; line-height: 1.45; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .scq-printdoc * { color: inherit; box-shadow: none !important; }
    .scq-printdoc h1 { font-size: 22pt; line-height: 1.1; margin: 2pt 0 4pt; font-weight: 700; }
    .scq-printdoc h3 { font-size: 13pt; margin: 16pt 0 6pt; font-weight: 700; break-after: avoid; }
    .scq-printdoc p { margin: 0 0 6pt; }
    .pd-head { display: flex; justify-content: space-between; align-items: center; gap: 16pt; padding-bottom: 10pt; border-bottom: 2pt solid #B5761E; }
    .pd-brand { font: 600 8.5pt/1.2 system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #8A4F00 !important; }
    .pd-for { font: 9.5pt system-ui, sans-serif; color: #6B5A49 !important; }
    .pd-score { width: 74pt; height: 74pt; border-radius: 50%; border: 5pt solid #B5761E; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: none; }
    .pd-score strong { font-size: 24pt; line-height: 1; }
    .pd-score span { font: 7pt system-ui, sans-serif; color: #6B5A49 !important; }
    .pd-verdict { margin: 12pt 0; padding: 10pt 12pt; background: #F6EEDF !important; border-left: 4pt solid #8A4F00; break-inside: avoid; }
    .pd-verdict__h { font-size: 14pt; font-weight: 700; margin-bottom: 3pt !important; }
    .pd-fine, .pd-sub { font: 8.5pt system-ui, sans-serif; color: #6B5A49 !important; }
    .pd-keys { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8pt; break-inside: avoid; }
    .pd-keys div { border: 1pt solid #E2D3BC; border-radius: 4pt; padding: 7pt 8pt; }
    .pd-keys span { display: block; font: 8pt system-ui, sans-serif; color: #6B5A49 !important; }
    .pd-keys strong { display: block; font-size: 14pt; margin-top: 2pt; }
    .pd-keys em { display: block; font: normal 7.5pt system-ui, sans-serif; color: #6B5A49 !important; }
    .pd-bar { position: relative; display: flex; height: 18pt; margin: 18pt 0 5pt; background: #F1E8DA !important; border-radius: 3pt; }
    .pd-bar > span { display: block; height: 100%; }
    .pd-bar .is-pen, .pd-legend .is-pen::before { background: #B5761E !important; }
    .pd-bar .is-sav, .pd-legend .is-sav::before { background: #D9A06A !important; }
    .pd-bar .is-ss, .pd-legend .is-ss::before { background: #7FA99A !important; }
    .pd-spend { position: absolute; top: -4pt; bottom: -4pt; border-left: 1.5pt dashed #2B1A0C; font-style: normal; }
    .pd-spend b { position: absolute; bottom: 100%; left: 0; transform: translateX(-50%); white-space: nowrap; font: 600 8pt system-ui, sans-serif; margin-bottom: 1pt; }
    .pd-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 3pt 12pt; font: 8.5pt system-ui, sans-serif; }
    .pd-legend li { display: flex; align-items: center; gap: 4pt; }
    .pd-legend li.is-pen::before, .pd-legend li.is-sav::before, .pd-legend li.is-ss::before { content: ""; width: 8pt; height: 8pt; border-radius: 2pt; }
    .pd-callout { margin: 10pt 0 !important; padding: 7pt 10pt; background: #F6EEDF !important; border-left: 3pt solid #B5761E; font-size: 9.5pt; break-inside: avoid; }
    .pd-chart { list-style: none; margin: 4pt 0 0; padding: 0; display: flex; align-items: flex-end; gap: 3pt; height: 120pt; break-inside: avoid; }
    .pd-chart li { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; font: 7pt system-ui, sans-serif; }
    .pd-col { flex: 1; width: 100%; display: flex; align-items: flex-end; }
    .pd-col span { display: block; width: 100%; background: #E2C79E !important; border-radius: 2pt 2pt 0 0; }
    .pd-chart li.is-on .pd-col span { background: #B5761E !important; }
    .pd-chart li.is-on .pd-age { font-weight: 700; }
    .pd-val { margin-bottom: 2pt; }
    .pd-page { break-before: page; }
    .pd-table { width: 100%; border-collapse: collapse; font: 9pt system-ui, sans-serif; break-inside: avoid; }
    .pd-table th, .pd-table td { text-align: right; padding: 4pt 6pt; border-bottom: 1pt solid #E2D3BC; }
    .pd-table th:first-child, .pd-table td:first-child { text-align: left; }
    .pd-table th { border-bottom: 1.5pt solid #2B1A0C; }
    .pd-table tr.is-on td { background: #F6EEDF !important; font-weight: 700; }
    .pd-time { list-style: none; margin: 0 0 0 6pt !important; padding: 0 0 0 12pt !important; border-left: 2pt solid #E2C79E; }
    .pd-chart--few { height: 110pt; gap: 14pt; }
    .pd-time li { position: relative; padding: 0 0 7pt; break-inside: avoid; }
    .pd-time li::before { content: ""; position: absolute; left: -16.5pt; top: 3pt; width: 7pt; height: 7pt; border-radius: 50%; background: #B5761E !important; }
    .pd-time b { display: block; font: 700 9.5pt system-ui, sans-serif; }
    .pd-time span { display: block; font-size: 9.5pt; }
    .pd-three { list-style: none; margin: 0; padding: 0; display: grid; gap: 8pt; }
    .pd-three li { padding: 8pt 10pt; border: 1pt solid #E2D3BC; border-radius: 4pt; break-inside: avoid; }
    .pd-three b { display: block; font-size: 11pt; margin-bottom: 3pt; }
    .pd-step { font-size: 9.5pt; }
    .pd-math summary { font: 700 11pt Georgia, serif; list-style: none; margin: 14pt 0 4pt; color: #2B1A0C !important; }
    .pd-math .scq-math { border: 0 !important; margin: 0 !important; padding: 0 !important; }
    .pd-math ol, .pd-math li, .pd-math strong, .pd-math p { color: #2B1A0C !important; }
    .pd-math summary::-webkit-details-marker { display: none; }
    .pd-math ol { margin: 0; padding-left: 14pt; font: 8.5pt/1.45 system-ui, sans-serif; }
    .pd-math li { margin-bottom: 3pt; }
    .pd-math .scq-help { font: 8pt system-ui, sans-serif; color: #6B5A49 !important; }
    .pd-math a { color: #8A4F00 !important; text-decoration: none; }
    .pd-cta { margin-top: 12pt !important; font-weight: 700; }
    .pd-disclose { margin-top: 10pt !important; padding-top: 8pt; border-top: 1pt solid #E2D3BC; font: 7.5pt/1.4 system-ui, sans-serif; color: #6B5A49 !important; }
  }