
:root{--ink:#151a16;--ink-soft:#293129;--paper:#fffdf9;--cream:#f7f3eb;--gold:#b9965a;--gold-rgb:185,150,90;--line:rgba(21,26,22,.14);--serif:"Source Serif 4",Georgia,serif;--sans:Inter,system-ui,sans-serif;--attention-bg:#f4e2d8;--attention:#7a351a;--develop-bg:#f3eacb;--develop:#6c5713;--strength-bg:#dce8d9;--strength:#345134}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#121712 0 390px,var(--cream) 390px 100%);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.assessment-header{min-height:80px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff}.assessment-brand{display:flex;align-items:baseline;gap:9px;color:inherit;text-decoration:none}.assessment-brand strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.assessment-brand span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.assessment-header nav{display:flex;align-items:center;gap:26px}.assessment-header nav a{color:inherit;text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.header-cta{padding:10px 14px;border:1px solid rgba(255,255,255,.45)}.assessment-shell{width:min(1040px,calc(100% - 36px));margin:42px auto 100px}.assessment-intro,.question-view,.result-view{background:var(--paper);box-shadow:0 28px 80px rgba(12,17,13,.14)}.assessment-intro{padding:clamp(44px,8vw,86px);max-width:920px;margin:auto}.intro-mark{display:flex;align-items:center;gap:12px;width:180px;margin-bottom:24px;color:var(--gold)}.intro-mark span{font-family:var(--serif);font-size:.78rem;letter-spacing:.16em}.intro-mark i{flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.assessment-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.assessment-eyebrow::before{content:"";width:20px;height:1px;background:currentColor}.assessment-intro h1,.result-view>h1{max-width:800px;margin:0 0 25px;font-family:var(--serif);font-size:clamp(3rem,7vw,5.8rem);font-weight:400;letter-spacing:-.045em;line-height:.98}.intro-lede,.result-intro{max-width:760px;color:rgba(21,26,22,.7);font-size:clamp(1.05rem,2vw,1.28rem)}.instruction-card{margin:44px 0 28px;padding:28px 30px;border-left:2px solid var(--gold);background:var(--cream)}.instruction-card h2{margin:0 0 10px;font-family:var(--serif);font-size:1.55rem;font-weight:400}.instruction-card p{margin:0 0 12px}.instruction-card span{color:rgba(21,26,22,.55);font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.privacy-note{margin:0 0 32px;color:rgba(21,26,22,.6);font-size:.85rem}.primary-button,.secondary-button{min-height:52px;padding:13px 22px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:20px;font:700 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease}.primary-button{color:var(--ink);background:var(--gold);text-decoration:none}.primary-button span{font-size:1.1rem;transition:transform .2s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:hover span{transform:translateX(3px)}.primary-button:disabled{opacity:.36;cursor:not-allowed}.secondary-button{color:var(--ink);border-color:var(--line);background:transparent}.question-view{padding:clamp(28px,6vw,64px)}.progress-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px;color:rgba(21,26,22,.55);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.progress-track{height:3px;background:rgba(21,26,22,.1);overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--gold);transition:width .35s ease}.halfway{width:max-content;margin:20px 0 -4px;padding:7px 10px;color:var(--strength);background:var(--strength-bg);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;animation:softPop .32s ease both}.question-card{max-width:820px;margin:clamp(46px,8vw,88px) auto}.question-card h2{margin:0 0 34px;font-family:var(--serif);font-size:clamp(2rem,4.6vw,3.9rem);font-weight:400;letter-spacing:-.035em;line-height:1.09}.selection-note{margin:-18px 0 25px;color:rgba(21,26,22,.58);font-size:.82rem}.options{display:grid;gap:12px}.option{position:relative;display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:center;padding:17px 18px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.option:hover{border-color:rgba(var(--gold-rgb),.75);transform:translateX(3px)}.option input{position:absolute;opacity:0;pointer-events:none}.option-mark{width:22px;height:22px;border:1px solid rgba(21,26,22,.3);display:grid;place-items:center}.option-mark::after{content:"";width:10px;height:10px;background:var(--gold);transform:scale(0);transition:transform .16s ease}.option.is-selected{border-color:var(--gold);background:rgba(var(--gold-rgb),.07)}.option.is-selected .option-mark::after{transform:scale(1)}.option-label{font-size:.96rem}.question-actions{display:flex;justify-content:space-between;gap:18px}.result-view{padding:clamp(38px,7vw,76px)}.result-kicker{margin-bottom:20px;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.snapshot-panel{margin:62px 0;background:var(--cream);border-top:2px solid var(--gold);padding:clamp(26px,5vw,46px)}.snapshot-heading{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;margin-bottom:32px}.snapshot-heading h2{margin:0;font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1}.snapshot-heading>p{margin:0;color:rgba(21,26,22,.62)}.snapshot-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line);opacity:0;transform:translateY(8px)}.snapshot-row.is-visible{animation:rowIn .32s ease forwards}.snapshot-label{font-family:var(--serif);font-size:1.2rem}.snapshot-pill{padding:7px 10px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.band-attention{color:var(--attention);background:var(--attention-bg)}.band-inconsistent{color:var(--develop);background:var(--develop-bg)}.band-integrated{color:var(--strength);background:var(--strength-bg)}.report-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(42px,7vw,80px);align-items:start}.report-section{padding:30px 0;border-top:1px solid var(--line)}.report-section:first-child{border-top:0;padding-top:0}.report-section h2{margin:0 0 18px;font-family:var(--serif);font-size:2rem;font-weight:400}.report-section p{color:rgba(21,26,22,.72);font-size:1rem}.secondary-edge{margin-top:22px;padding:24px;background:var(--cream)}.secondary-edge h3{margin:0 0 12px;font-family:var(--serif);font-size:1.35rem;font-weight:400}.result-aside{position:sticky;top:30px}.aside-card{padding:30px;background:var(--ink);color:#fff}.aside-card h3{margin:0 0 18px;font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1.05}.aside-card p{color:rgba(255,255,255,.68);font-size:.9rem}.aside-card .primary-button{margin-top:14px;width:100%;text-align:left;line-height:1.25}.text-button{margin-top:18px;border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.result-privacy{margin:50px 0 0;padding-top:24px;border-top:1px solid var(--line);color:rgba(21,26,22,.52);font-size:.78rem;font-style:italic}.assessment-footer{min-height:84px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.65);background:#0e120f;font-size:.72rem}.assessment-footer a{color:inherit}@keyframes rowIn{to{opacity:1;transform:none}}@keyframes softPop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){body{background:linear-gradient(180deg,#121712 0 250px,var(--cream) 250px 100%)}.assessment-header{min-height:68px}.assessment-header nav>a:first-child{display:none}.assessment-shell{width:min(100% - 20px,1040px);margin-top:20px}.assessment-intro,.question-view,.result-view{padding:30px 22px}.assessment-intro h1,.result-view>h1{font-size:clamp(2.7rem,14vw,4.2rem)}.snapshot-heading,.report-layout{grid-template-columns:1fr}.result-aside{position:static}.question-actions{align-items:stretch}.question-actions button{flex:1}.snapshot-row{grid-template-columns:1fr}.snapshot-pill{width:max-content}.assessment-footer{padding:22px;flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.snapshot-row{opacity:1;transform:none}}


/* FINAL FOREST SITE REFINEMENTS */
.assessment-brand strong,
.assessment-footer-brand {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
}
.assessment-brand strong::after,
.assessment-footer-brand::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:72px;
  height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
}
.header-cta,
.primary-button {
  color:var(--ink);
  background:var(--gold);
  border-color:var(--gold);
  overflow:hidden;
  text-decoration:none;
  transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.header-cta:hover,
.header-cta:focus-visible,
.primary-button:hover:not(:disabled),
.primary-button:focus-visible:not(:disabled) {
  color:var(--gold);
  background:transparent;
  border-color:var(--gold);
  transform:translateY(-1px);
  box-shadow:0 8px 26px rgba(0,0,0,.12);
}
.aside-card .primary-button:hover,
.aside-card .primary-button:focus-visible { color:var(--gold); }
.intro-mark { display:none!important; }
.assessment-footer { justify-content:space-between; }
.assessment-footer-brand { color:#fff!important; font-family:var(--serif); font-size:1.05rem; text-decoration:none!important; }
@media(max-width:760px){.assessment-footer{align-items:flex-start}.assessment-footer-brand{margin-bottom:6px}}

/* ============================================================
   ASSESSMENT QUESTION TYPOGRAPHY — EASY EDIT
   The original desktop maximum was 3.9rem (about 62px).
   This version caps it at 2.85rem (about 46px), roughly 27% smaller,
   while keeping it clearly larger than the answer choices.
   Edit the three clamp() values below to adjust min / fluid / max size.
   ============================================================ */
.question-card {
  max-width: 920px;
  margin: clamp(38px, 6.5vw, 68px) auto;
}
.question-card h2 {
  margin-bottom: 28px;
  font-size: clamp(1.8rem, 3.25vw, 2.85rem);
  line-height: 1.12;
  text-wrap: balance;
}

@media (max-width: 760px) {
  .question-card {
    margin: 34px auto 42px;
  }
  .question-card h2 {
    font-size: clamp(1.72rem, 7.6vw, 2.25rem);
    line-height: 1.14;
  }
}


/* Subtle aged-brass texture in the dark header field. */
body { position: relative; }
body::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 390px;
  pointer-events: none;
  background: url("images/aged-brass-texture-1200.webp") center / cover no-repeat;
  opacity: .10;
  mix-blend-mode: soft-light;
}
.assessment-header, .assessment-shell { position: relative; z-index: 1; }
@media(max-width:760px){ body::before{ height:250px; opacity:.08; } }
