/* FDE Sprint page variations B to E (/fde/lp/b ... /fde/lp/e). Adds to fde.css; uses its tokens. */
.hero-grid.top{align-items:start}
.section[id]{scroll-margin-top:120px}
.lpv-micro{font-size:.84rem;color:var(--muted);line-height:1.5}
.lpv-micro b{color:var(--heading)}

/* Tick list and instructor byline */
.lpv-ticks{list-style:none;padding:0;display:grid;gap:9px}
.lpv-ticks li{position:relative;padding-left:28px;font-size:1rem}
.lpv-ticks li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--teal-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='3.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.lpv-byline{display:flex;align-items:center;gap:14px}
.lpv-faces{display:flex;flex:none}
.lpv-faces img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--bg);margin-left:-10px;background:var(--bg-alt)}
.lpv-faces img:first-child{margin-left:0}
.lpv-byline p{font-size:.9rem;line-height:1.45}
.lpv-byline b{color:var(--heading)}

/* Enrollment card (variation B) */
.lpv-enroll{box-shadow:0 18px 40px rgba(23,38,58,.09);display:flex;flex-direction:column;gap:14px;min-width:0}
.lpv-enroll h2{font-size:1.35rem;font-weight:800;line-height:1.2}
.lpv-enroll .k{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:600}
.lpv-was{font-size:.9rem;color:var(--muted)}
.lpv-amt{font-family:var(--font-display);font-size:2.3rem;font-weight:800;color:var(--heading);line-height:1;font-variant-numeric:tabular-nums}
.lpv-amt small{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--muted);margin-left:8px}
.lpv-facts{list-style:none;padding:0;border-top:1px solid var(--border)}
.lpv-facts li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.92rem}
.lpv-facts span{color:var(--muted);flex:none}
.lpv-facts b{color:var(--heading);font-weight:600;text-align:right}
.lpv-enroll .btn{width:100%}

/* Sticky section menu (variation B) */
.lpv-tabs{position:sticky;top:61px;z-index:900;background:rgba(255,250,240,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--border)}
.lpv-tabs .wrap{display:flex;align-items:center;gap:26px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.lpv-tabs .wrap::-webkit-scrollbar{display:none}
.lpv-tabs a{padding:13px 0;font-size:.92rem;font-weight:600;color:var(--body);text-decoration:none;border-bottom:2px solid transparent}
.lpv-tabs a:hover{color:var(--heading);border-bottom-color:var(--coral)}
.lpv-tabs .go{margin-left:auto;color:var(--coral-dark)}

/* Outcome cards (variation B) */
.lpv-out{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lpv-out .card{display:flex;flex-direction:column;gap:10px}
.lpv-out h3{font-size:1.25rem;font-weight:800;line-height:1.2}
.lpv-out p{font-size:.96rem}
.lpv-out .leave{color:var(--heading);font-weight:600}
.lpv-out.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.lpv-out.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:960px){.lpv-out{grid-template-columns:1fr}}
@media (max-width:640px){.lpv-out.four{grid-template-columns:1fr}}

/* Request and finding switch (variation C) */
.lpv-switch{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 18px 40px rgba(23,38,58,.09);overflow:hidden;min-width:0}
.lpv-switch-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:var(--bg-alt)}
.lpv-switch-tabs button{border:0;background:transparent;padding:11px 8px;border-radius:10px;font:inherit;font-size:.9rem;font-weight:600;color:var(--body);cursor:pointer}
.lpv-switch-tabs button[aria-selected="true"]{background:var(--card);color:var(--heading);box-shadow:0 2px 8px rgba(23,38,58,.1)}
.lpv-panel{padding:24px 26px 26px;display:flex;flex-direction:column;gap:14px}
.lpv-panel[hidden]{display:none}
.lpv-panel h3{font-size:1.2rem;font-weight:800;line-height:1.25}
.lpv-quote{background:var(--coral-light);border-radius:14px 14px 14px 4px;padding:12px 16px;color:var(--heading);font-size:.97rem;line-height:1.5}
.lpv-quote small{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-dark);margin-bottom:4px}
.lpv-quote.you{background:var(--teal-light);border-radius:14px 14px 4px 14px}
.lpv-quote.you small{color:var(--teal)}
.lpv-find{border-left:3px solid var(--gold);padding-left:12px;font-size:.94rem;color:var(--heading)}
.lpv-sum{padding:12px 14px;border-radius:10px;font-size:.92rem;font-weight:600;background:var(--bg-alt);color:var(--body)}
.lpv-panel.after .lpv-sum{background:var(--teal-light);color:#0a6f66}
.lpv-note{font-size:.8rem;color:var(--muted);margin-top:10px}

/* Belief block (variation C) */
.lpv-belief{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.3;font-weight:600;max-width:820px;color:var(--band-heading)}
.lpv-belief em{font-style:italic;color:var(--em)}

/* Evidence card (variation D) */
.lpv-ev{box-shadow:0 18px 40px rgba(23,38,58,.09);display:flex;flex-direction:column;gap:0;min-width:0}
.lpv-ev h2{font-size:1.2rem;font-weight:800;margin-bottom:6px}
.lpv-ev-row{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}
.lpv-ev-row .n{font-family:var(--font-display);font-size:1.7rem;white-space:nowrap;font-weight:700;color:var(--coral);line-height:1;font-variant-numeric:tabular-nums}
.lpv-ev-row p{font-size:.93rem;line-height:1.45}
.lpv-bars{display:grid;gap:5px;margin-top:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}
.lpv-bars div{display:flex;align-items:center;gap:8px}
.lpv-bars i{display:block;height:8px;border-radius:4px;background:var(--border)}
.lpv-bars div:last-child i{background:var(--coral)}
.lpv-ev .src{font-size:.74rem;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;line-height:1.45}

/* Self-check (variation E) */
.lpv-check{box-shadow:0 18px 40px rgba(23,38,58,.09);display:flex;flex-direction:column;gap:14px;min-width:0}
.lpv-check h2{font-size:1.3rem;font-weight:800;line-height:1.2}
.lpv-check ul{list-style:none;padding:0;display:grid;gap:8px}
.lpv-check label{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:11px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--bg);cursor:pointer;font-size:.95rem;color:var(--heading);font-weight:500;line-height:1.4}
.lpv-check label:hover{border-color:var(--coral)}
.lpv-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--teal)}
.lpv-check label:has(input:checked){background:var(--teal-light);border-color:var(--teal)}
.lpv-result{border-top:1px solid var(--border);padding-top:14px;font-size:.93rem}
.lpv-result b{color:var(--heading)}
.lpv-result ul{margin-top:8px;gap:6px}
.lpv-result li{position:relative;padding-left:18px;font-size:.9rem;line-height:1.45}
.lpv-result li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--coral)}

/* Sticky action bar on phones */
.lpv-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:2500;background:#fff;border-top:1px solid var(--border);padding:10px max(16px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -8px 24px rgba(23,38,58,.08)}
.lpv-bar div{font-size:.8rem;color:var(--muted);line-height:1.3}
.lpv-bar b{display:block;color:var(--heading);font-size:.95rem}
.lpv-bar .btn{padding:11px 20px;font-size:.92rem;white-space:nowrap;box-shadow:none}
@media (max-width:700px){
  .lpv-bar{display:flex}
  body.has-bar{padding-bottom:74px}
  .lpv-tabs .go{display:none}
  .lpv-panel{padding:20px 18px 22px}
  .lpv-ev-row{grid-template-columns:96px 1fr;gap:12px}
  .lpv-ev-row .n{font-size:1.45rem}
}

/* Expandable details on the short page (variation F) */
.lpv-more{border-top:1px solid var(--border)}
.lpv-more>details{border-bottom:1px solid var(--border)}
.lpv-more>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4px}
.lpv-more>details>summary::-webkit-details-marker{display:none}
.lpv-more>details>summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);display:grid;place-items:center;font-size:1.3rem;color:var(--coral-dark);line-height:1}
.lpv-more>details[open]>summary::after{content:"\2212";background:var(--coral-light);border-color:var(--coral)}
.lpv-more>details>summary:hover b{color:var(--coral-dark)}
.lpv-more summary b{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--heading);line-height:1.25}
.lpv-more summary small{display:block;font-size:.9rem;color:var(--muted);margin-top:2px}
.lpv-more-body{padding:6px 0 36px;display:flex;flex-direction:column;gap:22px;min-width:0}
.lpv-more-body>.lede{max-width:72ch;font-size:1rem}
.lpv-more-body .hours,.lpv-more-body .stats{margin-bottom:0}

/* hero order on phones: headline, then the price card, then the supporting points */
@media (max-width:960px){
  .hero-grid.top{display:flex;flex-direction:column;gap:22px}
  .hero-grid.top .hero-copy{display:contents}
  .hero-grid.top .lpv-enroll{order:1}
  .hero-grid.top .lpv-ticks,.hero-grid.top .lpv-byline{order:2}
}
@media (max-width:700px){.lpv-tabs{display:none}}
.lpv-check .btn{width:100%}
/* on phones the two panels of the switch show one below the other */
.lpv-switch.stack .lpv-switch-tabs{display:none}
.lpv-switch.stack .lpv-panel+.lpv-panel{border-top:1px solid var(--border)}
