:root { --forest-deep:#0E2A1E; --forest-mid:#153524; --cream:#F6F1E4; --cream-soft:#EFE8D6; --teal:#2B8C7E; --teal-dark:#1F6F63; --gold:#C79A3D; --gold-dim:#7A6636; --ink:#1B2620; --ink-soft:#5B6459; --ink-faint:#8A9188; --line:rgba(27,38,32,.12); }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse 900px 500px at 50% -10%,rgba(199,154,61,.16),transparent 60%),#0e2a1e; color:#f6f1e4; font-family:'Inter',system-ui,sans-serif; line-height:1.6; }
.assessment-page { max-width:748px; margin:0 auto; padding:140px 24px 88px; }
.masthead { text-align:center; margin-bottom:36px; }
.eyebrow { font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#c79a3d; margin-bottom:14px; }
.masthead h1 { font:500 clamp(30px,5vw,42px)/1.14 'Fraunces',Georgia,serif; margin:0 0 16px; color:#f6f1e4; text-wrap:balance; }
.masthead h1 em { color:#c79a3d; }
.sub { font-size:16px; line-height:1.6; color:#efe8d6; max-width:500px; margin:0 auto; }
.bridge-wrap { margin:38px 0 32px; }
.bridge-track { position:relative; height:6px; background:rgba(246,241,228,.14); border-radius:4px; margin:0 6px; }
.bridge-fill { position:absolute; inset:0 auto 0 0; width:0; background:linear-gradient(90deg,#2b8c7e,#c79a3d); border-radius:4px; transition:width .5s; }
.bridge-planks { display:flex; justify-content:space-between; margin-top:-9px; }
.plank { width:18px; height:18px; border-radius:50%; background:#153524; border:2px solid rgba(246,241,228,.25); z-index:1; }
.plank.lit { background:#c79a3d; border-color:#c79a3d; box-shadow:0 0 12px rgba(199,154,61,.6); }
.bridge-label { text-align:center; font-size:12px; letter-spacing:.08em; text-transform:uppercase; opacity:.7; margin-top:14px; }
.assessment-page .card { background:#f6f1e4; border-radius:18px; padding:42px 40px; color:#1b2620; box-shadow:0 30px 60px -20px rgba(0,0,0,.5); }
.chapter-tag { display:inline-block; font-size:12px; font-weight:600; letter-spacing:.07em; color:#1f6f63; background:rgba(43,140,126,.1); padding:6px 12px; border-radius:20px; margin-bottom:20px; }
.intro-body p { font-size:16px; color:#5b6459; margin:0 0 15px; }
.parts-preview { margin:26px 0 30px; border-top:1px solid var(--line); }
.part-row { display:grid; grid-template-columns:30px 1fr; gap:14px; padding:13px 2px; border-bottom:1px solid var(--line); }
.part-roman,.sec-roman { font:500 20px/1.4 'Fraunces',Georgia,serif; color:#967123; }
.part-row-desc { color:#5b6459; font-size:14px; }
.sec-banner { display:flex; gap:10px; align-items:baseline; border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:22px; }
.sec-name,.q-meta,.result-eyebrow,.breakdown-title,.lbl { font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#1f6f63; }
.q-meta { color:#677061; margin-bottom:12px; }
.q-text { font:500 clamp(20px,3vw,25px)/1.35 'Fraunces',Georgia,serif; margin:0 0 26px; color:#1b2620; }
.scale { display:flex; flex-direction:column; gap:8px; margin-bottom:22px; }
.scale-btn { display:flex; align-items:center; gap:13px; text-align:left; width:100%; border:1px solid var(--line); background:#fff; border-radius:11px; padding:13px 16px; font:15px/1.45 'Inter',sans-serif; color:#1b2620; cursor:pointer; }
.scale-btn:hover,.scale-btn.selected { border-color:#2b8c7e; background:rgba(43,140,126,.09); }
.scale-btn.selected { box-shadow:inset 0 0 0 1px #2b8c7e; }
.dot { width:20px; height:20px; border-radius:50%; flex-shrink:0; border:1.5px solid rgba(27,38,32,.28); }
.selected .dot { border-color:#1f6f63; background:#1f6f63; box-shadow:inset 0 0 0 3px #fff; }
.honest-note { font-size:13px; color:#5b6459; font-style:italic; margin-bottom:24px; }
.nav-row { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.assessment-page .btn-primary,.assessment-page .cta-link { display:inline-block; background:#1f6f63; color:white; border:0; border-radius:10px; padding:13px 24px; font:600 15px/1.5 'Inter',sans-serif; text-transform:none; letter-spacing:normal; text-decoration:none; cursor:pointer; }
.assessment-page .btn-primary:hover,.assessment-page .cta-link:hover { background:#18564c; }
.assessment-page .btn-primary:disabled { background:#c9c4b3; cursor:not-allowed; }
.assessment-page .btn-ghost,.retake { background:none; border:0; padding:8px 4px; color:#5b6459; font:14px/1.5 'Inter',sans-serif; cursor:pointer; }
.assessment-page .btn-ghost:disabled { visibility:hidden; }
.assessment-page button:focus-visible,.assessment-page a:focus-visible { outline:2px solid #2b8c7e; outline-offset:3px; }
.result-title { font:500 clamp(30px,4.6vw,40px)/1.1 'Fraunces',Georgia,serif; margin:8px 0 10px; }
.result-verse { font-size:13.5px; color:#7a6636; font-style:italic; margin-bottom:22px; }
.result-desc { font-size:16.5px; line-height:1.75; color:#5b6459; margin:0 0 30px; }
.startbox { background:#0e2a1e; color:#f6f1e4; border-radius:13px; padding:22px 24px; margin-bottom:30px; }
.startbox .lbl { color:#c79a3d; margin-bottom:9px; }
.startbox .ch { font:500 22px/1.25 'Fraunces',Georgia,serif; margin-bottom:8px; }
.startbox p { margin:0; font-size:14.5px; color:#efe8d6; }
.breakdown { margin-bottom:30px; }
.breakdown-title { color:#677061; margin-bottom:16px; }
.bar-row { margin-bottom:14px; }
.bar-head { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:5px; font-size:14px; color:#5b6459; }
.bar-val { font-size:12.5px; }
.bar-track { height:7px; background:var(--line); border-radius:4px; overflow:hidden; }
.bar-fill { height:100%; background:#2b8c7e; border-radius:4px; }
.bar-row.narrow .bar-fill { background:#c79a3d; }
.bar-row.narrow .bar-head { color:#1b2620; font-weight:600; }
.read-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:30px; }
.read { border:1px solid var(--line); border-radius:12px; padding:18px 19px; background:#fff; }
.read .lbl { margin-bottom:8px; }
.read.gap .lbl { color:#7a6636; }
.read h4 { font:600 17px/1.5 'Fraunces',Georgia,serif; margin:0 0 7px; }
.read p { margin:0; font-size:14.5px; color:#5b6459; }
.action { border-left:3px solid #c79a3d; padding:4px 0 4px 18px; margin-bottom:30px; }
.action .lbl { color:#7a6636; }
.action p { margin:7px 0 0; font-size:16px; }
.capture { border-top:1px solid var(--line); padding-top:26px; margin-bottom:26px; }
.capture h3 { font:600 21px/1.4 'Fraunces',Georgia,serif; margin:0 0 8px; }
.capture .why { font-size:14.5px; color:#5b6459; margin-bottom:20px; }
.sent { background:rgba(43,140,126,.09); border:1px solid rgba(43,140,126,.3); border-radius:10px; padding:15px 17px; font-size:14.5px; color:#1f6f63; margin-bottom:18px; }
.result-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.retake { text-decoration:underline; }
@media(max-width:560px) { .assessment-page { padding:125px 18px 65px; } .assessment-page .card { padding:30px 22px; } .read-pair { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { * { transition:none !important; scroll-behavior:auto !important; } }
.hands-shell{max-width:760px;margin:0 auto;padding:170px 24px 90px;min-height:80vh}.hands-heading{text-align:center;margin-bottom:34px}.hands-heading h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(34px,6vw,54px);margin:0 0 14px}.hands-heading p{color:var(--cream-soft);line-height:1.7}.hands-card{background:var(--cream);color:var(--ink);border-radius:18px;padding:42px 40px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}.hands-card h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(23px,4vw,31px);line-height:1.35;margin:0 0 25px}.assessment-kicker{font:600 12px/1.5 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--teal-dark)}.hands-options{display:grid;gap:10px}.hands-options button{padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left;font:15px/1.5 'Inter',sans-serif;cursor:pointer}.hands-options button:hover,.hands-options button:focus{border-color:var(--teal);background:rgba(43,140,126,.06)}.assessment-back{margin-top:20px;border:0;background:none;color:var(--ink-soft);text-decoration:underline;cursor:pointer}.assessment-result-copy{font-size:17px;line-height:1.75;color:var(--ink-soft)}.assessment-callout{margin:28px 0;padding:24px;background:var(--forest-deep);border-radius:12px;color:var(--cream)}.assessment-callout strong{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.assessment-callout p{line-height:1.6}.assessment-callout .btn-primary{display:inline-block;text-decoration:none}.hands-capture{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.hands-capture h3{font-family:'Fraunces',Georgia,serif;margin-bottom:6px}@media(max-width:560px){.hands-card{padding:30px 22px}.hands-shell{padding-top:140px}}