/* WINSCEND v8 — loaded after v7. Type scale, conversion blocks and small fixes.
   Type scale (body text): 13 caption / 14 small / 15 secondary / 16 body / 17–18 lead. Headings keep the v7 sizes. */
:root{--fs-cap:.8125rem;--fs-sm:.875rem;--fs-2:.9375rem;--fs-body:1rem}

/* ---------- 1. Type scale ---------- */
body .proof-note,body .method-instruction,body .qualnote,body .cta-alt p,body .fig figcaption,body .cognition-flow figcaption,
body .plan .price-note,body .srcnote,body .voice-status,body .hero-note,body .voice-notice,body .plans-foot,body .titles,
body .route-return,body .recovery-options .small,body li>small,body .is-core>small{font-size:var(--fs-cap)}
body .small,body .method-foot,body .plan .sub,body .plan-fit>summary,body .boundary,body .notice,body .cmp th,body .guide .a,
body .f-id .qual,body .principle p,body .record li,body .references li,body .ground,body .route-map figcaption,
body .recovery-intro>p:not(.eyebrow),body .method-guide,body .themes li,body .lens-list dd,body .cta-box ul{font-size:var(--fs-sm)}
body .ticks li,body .term p,body .more-body p,body .read-body p,body .plan .intro,body .f-id .career,body .f-id .role,
body .card p:not(.eyebrow),body .cmp td,body .ws-faq>div p,body .faq-list details>div p,body .steps li p,body .steps-v li p,
body .lens4 p,body .lens-grid p{font-size:var(--fs-2)}
body .method-panel .body-copy,body .entry p,body .flow p,body .principle h4{font-size:var(--fs-body)}


/* 1b. Targeted snaps (selectors that v7 styles with higher specificity) */
body .route-map .route-return,body .f-id .qualnote,body .f-id .titles,body .cognition-flow small,body .cognition-flow>p{font-size:var(--fs-cap)}
body .hero .hero-price,body .hero-foot dd,body .f-id .record li,body .fit ul li,body .ws-added-references li,body .disclosure dl dd,
body .recovery-grid article p,body .topic-body li p,body .topic-body .bjp{font-size:var(--fs-sm)}
body .voice-snapshot dd,body .f-grid details>summary,body details.more>summary,body .future details p,body .f-msg .read-body p,
body .nature-grid article p,body .attention-pair article p,body .goal-horizon .prose p,body .references li p,body .routes .card li,
body .efficacy-band p,body .faq details.disclosure>div p,body .ws-added-references>p,body .ws-legacy-reading .author-signature,
body .lp-sec .topics li,body .routes .card .eyebrow{font-size:var(--fs-2)}
body .f-id .proof dd,body .guide .q,body .faq-list .ws-faq>summary,body .ws-faq>summary,body details.faq-item>summary,body .oc .oc-a{font-size:var(--fs-body)}
body .recovery-intro .eyebrow{font-size:.72rem}

/* ---------- 2. Hero ---------- */
.hero-price>span strong{font-size:1.15em}

/* ---------- 3. Method: tools fill the panel ---------- */
.method-tools{margin-top:auto;padding-top:28px}
.method-panel{display:flex;flex-direction:column}
.method-panel[hidden]{display:none}
.method-tools-label{font-size:var(--fs-cap);letter-spacing:.08em;color:var(--on-dark-3);margin-bottom:12px;padding-top:22px;border-top:1px solid var(--dline)}
.method-tools ul{display:flex;flex-wrap:wrap;gap:8px}
.method-tools li{font-size:var(--fs-sm);line-height:1.5;color:#dfe4ee;padding:8px 14px;border:1px solid #354053;border-radius:999px;background:rgba(154,169,255,.06)}

/* ---------- 4. Free-work band (LINE) ---------- */
.line-band{background:var(--blue-wash);padding-block:clamp(44px,6vw,76px);border-top:1px solid #dfe4ff;border-bottom:1px solid #dfe4ff}
.line-in{display:grid;gap:24px;align-items:center}
.line-band .eyebrow{color:var(--blue-ink);margin-bottom:14px}
.line-band h2{font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.55;letter-spacing:.03em;color:var(--ink);margin-bottom:12px}
.line-band p:not(.eyebrow){font-size:var(--fs-2);line-height:1.95;color:var(--graphite);max-width:40rem}
.line-band .btn{width:100%}
@media(min-width:900px){.line-in{grid-template-columns:minmax(0,1fr) auto;gap:56px}.line-band .btn{width:auto;padding-inline:34px}}

/* ---------- 5. Founder proof ---------- */

/* ---------- 6. Philosophy: read more ---------- */
.phil-more{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.phil-more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:700;font-size:var(--fs-2);color:var(--ink)}
.phil-more>summary::-webkit-details-marker{display:none}
.phil-more>summary::after{content:"+";flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:400;color:var(--steel)}
.phil-more[open]>summary::after{content:"−"}
.phil-more .more-body{padding:4px 0 22px}
.phil-more .more-body p{color:var(--graphite);line-height:2.05}
.phil-more .more-body p+p{margin-top:1.2em}
.phil-more .collapse{margin-top:18px}

/* ---------- 7. Outcome (180 days) ---------- */
.outcome-list{margin-top:clamp(32px,4vw,52px);display:grid;gap:12px}
.oc{display:grid;gap:6px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:20px 22px;grid-template-columns:1fr;align-items:center}
.oc-k{font-size:var(--fs-cap);font-weight:700;letter-spacing:.12em;color:var(--blue-ink)}
.oc-b{font-size:var(--fs-2);color:var(--steel);line-height:1.8}
.oc-arrow{color:var(--blue);font-weight:700;line-height:1;transform:rotate(90deg);justify-self:start;margin-left:4px}
.oc-a{font-weight:700;color:var(--ink);line-height:1.7}
@media(min-width:900px){
  .oc{grid-template-columns:150px minmax(0,1fr) 36px minmax(0,1.15fr);padding:22px 28px}
  .oc-arrow{transform:none;justify-self:center;margin:0;font-size:1.2rem}
}
#outcome .small{margin-top:18px}

/* ---------- 8. Plans: staged path ---------- */
.plan-path{display:grid;gap:10px;margin-top:clamp(28px,4vw,44px);counter-reset:none}
.plan-path li{position:relative;display:grid;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r2);background:var(--pearl)}
.plan-path .pp-step{font-family:var(--ff-en);font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--blue-ink)}
.plan-path strong{font-size:1.02rem;color:var(--ink)}
.plan-path small{color:var(--steel);line-height:1.7}
.plan-path li.is-core{background:var(--ink);border-color:var(--ink)}
.plan-path li.is-core strong{color:#fff}
.plan-path li.is-core small{color:var(--on-dark-2)}
.plan-path li.is-core .pp-step{color:var(--blue-soft)}
.plan-path li:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);z-index:1;width:24px;height:24px;display:grid;place-items:center;font-size:.8rem;color:var(--blue);background:var(--blue-wash);border-radius:50%}
@media(min-width:900px){
  .plan-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .plan-path li:not(:last-child)::after{content:"→";left:auto;right:-23px;bottom:auto;top:50%;transform:translateY(-50%)}
}
.plan-path-note{margin:16px 0 clamp(28px,4vw,44px);font-size:var(--fs-sm);color:var(--steel);line-height:1.85}

/* ---------- 9. Final CTA: what you take home ---------- */
.takeaway{margin-top:28px;padding:22px 24px;border:1px solid var(--dline);border-radius:var(--r2);background:rgba(255,255,255,.035)}
.takeaway-h{font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;color:var(--blue-soft);margin-bottom:12px}
.takeaway ol{display:grid;gap:12px;counter-reset:tk}
.takeaway li{counter-increment:tk;display:grid;grid-template-columns:28px 1fr;column-gap:10px;font-size:var(--fs-sm);line-height:1.75;color:var(--on-dark-2)}
.takeaway li::before{content:counter(tk,decimal-leading-zero);grid-row:span 2;font-family:var(--ff-en);font-size:.75rem;font-weight:700;color:var(--blue-soft);padding-top:3px}
.takeaway li b{display:block;color:#fff;font-size:var(--fs-2)}

/* ---------- 10. Program page ---------- */
.notice b{display:block;margin-bottom:4px}

/* ---------- 11. Cognitive page hero ---------- */
.science-art--loop{border-radius:11px;overflow:hidden;border:1px solid #354053;box-shadow:0 24px 60px rgba(0,0,0,.22);aspect-ratio:3/2;background:#0B0D10}
.science-art--loop img{width:100%;height:100%;object-fit:cover}
