:root{
  --burgundy:#660000;
  --burgundy-dark:#4b0000;
  --cream:#f6f0e5;
  --cream-2:#fffaf1;
  --gold:#c7a84a;
  --gold-soft:#e5d39a;
  --ink:#27231f;
  --muted:#6f675f;
  --line:#ded3c4;
  --success:#17653a;
  --success-bg:#e9f4ec;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8f3ea 0%,#f3ecdf 100%)}
button,input{font:inherit}button{cursor:pointer}
.topbar{background:var(--burgundy);box-shadow:0 4px 16px rgba(48,0,0,.18)}
.brand-wrap{width:min(1050px,94vw);margin:0 auto;padding:14px 0;display:flex;align-items:center}
.brain-logo{display:block;width:min(100%,720px);max-height:112px;object-fit:contain;object-position:left center}
.page-shell{width:min(980px,92vw);margin:0 auto;padding:28px 0 48px;display:grid;gap:18px}
.hero-card,.workspace-card,.results-card,.next-step-card,.key-card{background:rgba(255,252,247,.98);border:1px solid var(--gold-soft);border-radius:15px;box-shadow:0 7px 22px rgba(72,43,15,.07)}
.hero-card{padding:26px 30px;border-top:5px solid var(--burgundy)}
.section-kicker{display:inline-block;color:var(--burgundy);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero-card h1,.section-heading h2{font-family:Georgia,"Times New Roman",serif;color:var(--burgundy);margin:6px 0 7px}
.hero-card h1{font-size:34px;line-height:1.1}.hero-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:800px}
.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.hero-tags span{padding:6px 10px;border:1px solid var(--gold-soft);border-radius:999px;background:#fff8e8;color:#69572a;font-size:11px;font-weight:700}
.workspace-card,.results-card,.next-step-card,.key-card{padding:24px 28px}
.section-heading{padding-bottom:15px;border-bottom:1px solid var(--line)}.section-heading.compact{padding-bottom:12px}.section-heading h2{font-size:25px}.section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.form-section{padding:22px 0;border-bottom:1px solid var(--line)}.form-section.last{border-bottom:0;padding-bottom:0}
.form-label{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px}.form-label h3{margin:0;font:700 18px Georgia,serif}.form-label p{margin:3px 0 0;color:var(--muted);font-size:12px}
.step-number{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;background:var(--burgundy);color:#fff;font:700 15px Georgia,serif;border:2px solid var(--gold)}
.choice-grid{display:grid;gap:9px}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-grid.three{grid-template-columns:repeat(3,1fr)}
.choice{min-height:52px;border:1px solid #d8cdbd;border-radius:10px;background:#fffdf8;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);padding:8px 12px;font-size:13px;transition:.16s ease}.choice:hover{border-color:var(--gold);transform:translateY(-1px)}.choice.active{background:#f8eaea;border-color:var(--burgundy);box-shadow:inset 0 0 0 1px rgba(102,0,0,.05)}.choice small{display:block;color:var(--muted);font-size:10px}.dot{width:16px;height:16px;border:2px solid #9f9a93;border-radius:50%;position:relative}.choice.active .dot{border-color:var(--burgundy)}.choice.active .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--burgundy)}
.guide-btn{width:100%;margin-top:10px;padding:11px 13px;border:1px solid var(--gold-soft);border-radius:9px;background:#fff6df;color:var(--burgundy);font-size:12px;font-weight:800}.guide-btn span{font-weight:600;color:#74673e;margin-left:4px}
.activity-input-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.number-row{display:flex;align-items:center;gap:9px}.number-row input{width:108px;padding:8px 10px;border:1px solid #cfc6ba;border-radius:8px;background:#fff;color:var(--burgundy);font-size:20px;font-weight:800}.number-row span{font-size:12px;color:var(--muted)}.live-level{text-align:right}.live-level span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.live-level strong{display:inline-block;margin-top:3px;padding:5px 10px;border-radius:999px;background:var(--burgundy);color:#fff;font-size:12px}
input[type="range"]{width:100%;accent-color:var(--burgundy)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:2px}.primary-btn{width:100%;border:1px solid #4d0000;border-radius:9px;background:var(--burgundy);color:#fff;padding:12px 15px;font-size:13px;font-weight:800;margin-top:14px;box-shadow:0 5px 12px rgba(102,0,0,.13)}.primary-btn:hover{background:var(--burgundy-dark)}.primary-btn.small{width:auto;min-width:230px}
.activity-summary{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--gold-soft);border-radius:12px;overflow:hidden;background:#fff}.activity-summary>div{padding:16px 18px}.activity-summary>div+div{border-left:1px solid var(--line)}.muted-label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.big-level{font:800 43px Georgia,serif;color:var(--burgundy);line-height:1;margin:4px 0}.minutes-value{font:800 26px Georgia,serif;color:var(--burgundy);margin:4px 0 7px}.soft-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#f3e3e3;color:var(--burgundy);font-size:10px;font-weight:800}
.level-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 20px}.level-strip>div{padding:8px 5px;border-radius:8px;text-align:center;background:#eee8df;border:1px solid transparent}.level-strip b,.level-strip span{display:block}.level-strip b{font-size:12px}.level-strip span{font-size:9px;color:#6f675f;margin-top:2px}.level-strip .selected{background:var(--burgundy);border-color:var(--gold);color:#fff}.level-strip .selected span{color:#fff}
.subsection-title{margin:4px 0 10px}.subsection-title h3{margin:0;color:var(--burgundy);font:700 19px Georgia,serif}.subsection-title p{margin:4px 0 0;color:var(--muted);font-size:11px}
.finding-list{display:grid;gap:8px}.finding-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #ddd5ca;border-radius:9px;background:#fff}.finding-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#f4e8e5;color:var(--burgundy);font-size:17px}.finding-item h4{margin:0 0 2px;font-size:13px}.finding-item p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.status{padding:5px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.status.detected{background:var(--success-bg);color:var(--success)}.status.not{background:#efede9;color:#6a625a}.caution-box{margin-top:12px;padding:10px 12px;border-left:4px solid var(--gold);background:#fff7e7;color:#69572a;font-size:10.5px;line-height:1.4}
.next-step-card{border-top:4px solid var(--burgundy)}.recommendation-main{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;padding:16px 0 6px}.target-badge{padding:11px 13px;border-radius:10px;background:var(--burgundy);color:#fff;text-align:center;border:1px solid var(--gold)}.target-badge span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.target-badge strong{display:block;margin-top:3px;font-size:17px}.recommendation-text{margin:0;color:#484039;font-size:12px;line-height:1.5}.target-track{position:relative;height:8px;margin:28px 8px 34px;background:#e3ddd5;border-radius:999px}.target-track-fill{height:100%;border-radius:inherit;background:var(--burgundy)}.track-marker{position:absolute;top:15px;transform:translateX(-50%);font-size:9px;font-weight:800;white-space:nowrap}.track-marker:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:-21px;left:50%;transform:translateX(-50%);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.current-marker{color:#5b554f}.current-marker:before{background:#777}.target-marker{color:var(--burgundy)}.target-marker:before{background:var(--burgundy)}
.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-advice{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:10px;border:1px solid #dfd6ca;border-radius:9px;background:#fff}.mini-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#f4e8e5;color:var(--burgundy);font-weight:900}.mini-advice b,.mini-advice span{display:block}.mini-advice b{font-size:10px;margin-bottom:2px}.mini-advice div>span{font-size:9px;color:var(--muted);line-height:1.35}.target-disclaimer{margin:10px 0 0;font-size:9px;color:#796f64}
.key-card{padding-bottom:26px}.key-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.key-grid>div{padding:12px;border:1px solid #dfd6ca;border-radius:9px;background:#fff}.key-grid strong,.key-grid span{display:block}.key-grid strong{font:700 13px Georgia,serif;color:var(--burgundy);margin-bottom:4px}.key-grid span{font-size:10px;color:var(--muted);line-height:1.4}
.modal{position:fixed;inset:0;display:none;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(28,17,10,.58);backdrop-filter:blur(3px)}.modal-panel{position:relative;z-index:2;width:min(680px,92vw);max-height:88vh;overflow:auto;margin:6vh auto 0;background:var(--cream-2);border:1px solid var(--gold);border-radius:15px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.modal-panel h2{margin:6px 0 10px;font:700 28px Georgia,serif;color:var(--burgundy)}.close-btn{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:27px;color:#786f65}.modal-note{padding:10px 12px;border-left:4px solid var(--gold);background:#fff4db;color:#6c5822;font-size:11px;line-height:1.45}.iq-options{display:grid;gap:8px;margin:14px 0}.iq-option{display:grid;grid-template-columns:90px 1fr;text-align:left;gap:12px;align-items:center;padding:12px;border:1px solid #d9cfbf;border-radius:9px;background:#fff}.iq-option strong{font-size:18px;color:var(--burgundy)}.iq-option span{font-size:11px;color:var(--muted)}.iq-option.selected{border-color:var(--burgundy);background:#f7eaea}.adaptive-box{border-top:1px solid var(--line);padding-top:12px}.adaptive-box h3{margin:0 0 4px;font:700 16px Georgia,serif}.adaptive-box p{margin:0 0 8px;color:var(--muted);font-size:10px}.adaptive-box label{display:block;padding:6px 0;font-size:11px;color:#4e4740}
@media(max-width:720px){.brand-wrap{justify-content:center}.brain-logo{max-height:92px}.page-shell{width:min(94vw,980px)}.hero-card,.workspace-card,.results-card,.next-step-card,.key-card{padding:20px}.hero-card h1{font-size:28px}.choice-grid.three{grid-template-columns:1fr}.activity-summary{grid-template-columns:1fr}.activity-summary>div+div{border-left:0;border-top:1px solid var(--line)}.recommendation-main{grid-template-columns:1fr}.recommendation-grid,.key-grid{grid-template-columns:1fr}.finding-item{grid-template-columns:34px 1fr}.status{grid-column:2;justify-self:start}.activity-input-row{align-items:flex-end}}

/* Enhanced body-composition cards: plain-language interpretation first */
.finding-item.detailed{grid-template-columns:42px 1fr;align-items:start;padding:14px 15px;gap:12px}
.finding-item.detailed .finding-icon{width:38px;height:38px;border-radius:10px;font-size:18px}
.finding-content{min-width:0}
.finding-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:5px}
.finding-title-row h4{font:700 15px Georgia,"Times New Roman",serif;color:var(--burgundy);margin:0}
.finding-headline{display:block;font-size:11.5px;line-height:1.4;color:#34302b;margin:0 0 5px}
.finding-item.detailed p{font-size:10.5px;line-height:1.45;margin:0;color:var(--muted)}
.evidence-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px dashed #e3d8ca}
.evidence-line span{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8a7861}
.evidence-line b{font-size:9.5px;color:#5a4c39;font-weight:700}
.status{flex:0 0 auto}
@media(max-width:720px){.finding-title-row{display:block}.finding-title-row .status{display:inline-block;margin-top:5px}.finding-item.detailed{grid-template-columns:36px 1fr;padding:12px}.finding-item.detailed .finding-icon{width:34px;height:34px}}
