/* One task at a time: vertical scenario navigation and a single reading surface. */
#features{--feature-card:#fff;--feature-panel:var(--surface);background:var(--surface);padding:64px 0;scroll-margin-top:20px}
html[data-theme="dark"] #features{--feature-card:var(--raised);--feature-panel:var(--surface)}
#features .section-heading{display:block;margin:0 0 32px}
#features .section-heading h2{max-width:1000px;margin:0 0 18px;font-size:clamp(32px,3.4vw,48px);line-height:1.15;letter-spacing:-.04em}
#features .section-heading>p{font-size:18px;line-height:1.6;max-width:720px;margin:0;color:var(--muted)}
#features .feature-explorer{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px}
#features .feature-tabs{display:flex;flex-direction:column;gap:0;overflow:visible;max-width:100%;padding:8px;margin:0;background:var(--feature-card);border:1px solid var(--line);border-radius:16px}
#features .feature-tabs button{position:relative;display:block;width:100%;border:0;border-radius:10px;padding:18px 16px 18px 20px;text-align:left;white-space:normal;background:transparent;color:var(--ink);letter-spacing:0;transition:background .15s}
#features .feature-tabs button+button{margin-top:2px}
#features .feature-tabs button:hover{background:var(--feature-panel)}
#features .feature-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--ink);border:0;padding:18px 16px 18px 20px}
#features .feature-tabs button[aria-selected="true"]:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:2px;background:var(--accent)}
#features .feature-tabs button b{display:block;font-size:18px;line-height:1.35;font-weight:700}
#features .feature-tabs button small{display:block;font-size:15px;line-height:1.5;font-weight:400;margin-top:7px;color:var(--muted)}
#features .feature-tabs button:focus-visible,#features .feature-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#features .feature-panels{min-height:0;min-width:0}
#features .outcome-panel{display:block;padding:32px 36px;background:var(--feature-card);border:1px solid var(--line);border-radius:16px;min-width:0}
#features [hidden]{display:none!important}
#features .outcome-panel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#features .outcome-copy h3{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px;max-width:760px;color:var(--ink)}
#features .outcome-lead{font-size:18px;line-height:1.65;margin:0 0 26px;max-width:760px;color:var(--muted)}
#features .outcome-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0;margin:0 0 24px}
#features .outcome-steps li{padding:18px 0 0;margin:0;border-top:1px solid var(--line)}
#features .outcome-steps li>b{display:block;font-size:18px;line-height:1.4;margin-bottom:8px;color:var(--ink)}
#features .outcome-steps p{font-size:17px;line-height:1.6;margin:0;color:var(--muted)}
#features .decision{border:0;border-radius:12px;background:var(--feature-panel);padding:18px 20px;margin:0}
#features .decision>span{font-size:15px;line-height:1.4;font-weight:700;color:var(--accent)}
#features .decision p{font-size:18px;line-height:1.6;margin:6px 0 0;color:var(--ink)}
#features .feature-example{margin-top:22px;border-top:1px solid var(--line)}
#features .feature-example>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:20px 0 0;font-size:17px;line-height:1.45;font-weight:600;color:var(--ink)}
#features .feature-example>summary::-webkit-details-marker{display:none}
#features .feature-example>summary:hover{color:var(--accent)}
#features .disclosure-symbol{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;font-size:23px;font-weight:400;border:1px solid var(--line);border-radius:50%;transition:transform .15s}
#features .feature-example[open] .disclosure-symbol{transform:rotate(45deg)}
#features .feature-example>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#features .outcome-example{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--feature-panel);box-shadow:none}
#features .outcome-example h4{font-size:26px;line-height:1.25;margin:0 0 14px;letter-spacing:-.02em;color:var(--ink)}
#features .sample-context{font-size:17px;line-height:1.6;margin:0 0 22px}
#features .feature-footnote{font-size:14px;line-height:1.6;max-width:880px;margin:22px 0 0;color:var(--muted);border:0;padding:0}
#features .feature-mobile-heading{display:none}
.sample-caption{font-size:14px;color:var(--muted);line-height:1.5;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.outcome-example h4{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.platform-section .sample-context{font-size:16px;line-height:1.65;margin:0 0 22px}
.evidence-list{margin:0}
.evidence-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;border-top:1px solid var(--line);padding:17px 0}
.evidence-list dt{font-size:16px;font-weight:600;line-height:1.5}
.evidence-list dd{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.evidence-list dd b{display:block;color:var(--accent);font-size:14px;margin-bottom:4px}
.evidence-list dd b.needs-check{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-mid);text-decoration-thickness:3px;text-underline-offset:4px}
.sample-insight{background:var(--accent-soft);border-radius:10px;padding:18px 20px;font-size:17px;line-height:1.65;color:var(--accent-dark);margin-top:20px}
.sample-insight>b{display:block;font-size:14px;margin-bottom:7px;color:var(--accent)}
.review-bars{margin-top:26px}
.review-bars>div{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 24px;font-size:16px;line-height:1.4}
.review-bars b{font-size:16px}
.review-bars i{grid-column:1/-1;display:block;height:12px;border-radius:3px;background:var(--surface);position:relative;overflow:hidden}
.review-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--score);background:var(--accent);border-radius:3px}
.review-bars>div:first-child i:after{background:var(--accent-mid)}
.requirement-list>div{display:flex;gap:14px;border-top:1px solid var(--line);padding:20px 0}
.requirement-mark{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:50%;width:26px;height:26px;flex:0 0 26px;font-weight:700;font-size:15px;margin-top:3px}
.platform-section .requirement-list p{font-size:16px;line-height:1.65;margin:0}
.requirement-list p b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}
.requirement-open .requirement-mark{background:white;border:1px solid var(--accent);color:var(--accent-dark)}
.plan-sheet{margin:0}
.plan-sheet>div{padding:18px 0;border-top:1px solid var(--line)}
.plan-sheet dt{font-size:14px;color:var(--accent);font-weight:700;margin-bottom:7px}
.plan-sheet dd{font-size:17px;line-height:1.6;margin:0}
.practice-track{list-style:none;margin:20px 0 0;padding:0}
.practice-track li{display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid var(--line);padding:20px 0}
.practice-track li>span{font-size:15px;font-weight:700;color:var(--accent);line-height:1.6}
.platform-section .practice-track p{font-size:16px;line-height:1.6;margin:0}
.idea-timeline{list-style:none;margin:26px 0 0;padding:0 0 0 24px}
.idea-timeline li{position:relative;border-left:2px solid var(--line);padding:0 0 25px 24px;font-size:16px;line-height:1.6}
.idea-timeline li:before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--accent-mid);border:2px solid white}
.idea-timeline li:last-child{border-left-color:transparent;padding-bottom:0}
.idea-timeline b{display:block;margin-bottom:5px}
.idea-timeline span{display:block;color:var(--muted)}
.idea-timeline .current:before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.idea-timeline .current b{color:var(--accent)}

#features .sample-insight{color:var(--ink);background:var(--accent-soft)}
#features .requirement-open .requirement-mark{background:var(--feature-card);color:var(--ink)}
#features .idea-timeline li:before{border-color:var(--feature-panel)}
@media(max-width:1100px) and (min-width:801px){
 #features .feature-explorer{grid-template-columns:255px minmax(0,1fr);gap:18px}
 #features .outcome-panel{padding:28px}
 #features .outcome-copy h3{font-size:29px}
 #features .outcome-steps{grid-template-columns:1fr;gap:18px}
 #features .feature-tabs button{padding:16px 12px 16px 16px}
 #features .feature-tabs button[aria-selected="true"]{padding:16px 12px 16px 16px}
}
@media(max-width:800px){
 #features{padding:40px 0}
 #features .section-heading{margin-bottom:24px}
 #features .section-heading h2{font-size:34px}
 #features .feature-explorer{display:block}
 #features .feature-tabs{display:none}
 #features .feature-mobile-heading{display:block;margin:0;border-top:1px solid var(--line)}
 #features .feature-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;border-radius:0;background:transparent;color:var(--ink);padding:20px 4px;text-align:left;letter-spacing:0}
 #features .feature-toggle b{display:block;font-size:20px;line-height:1.35;font-weight:700}
 #features .feature-toggle small{display:block;font-size:15px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:6px}
 #features .toggle-symbol{font-size:25px;line-height:1;flex:0 0 28px;text-align:center;color:var(--accent)}
 #features .feature-toggle[aria-expanded="true"] b{color:var(--accent)}
 #features .outcome-panel{padding:24px 22px;margin:0 0 24px;border-radius:12px}
 #features .outcome-copy h3{font-size:28px;margin-bottom:16px}
 #features .outcome-steps{gap:22px}
 #features .feature-footnote{margin-top:22px}
}
@media(max-width:480px){
 #features>.page-wrap{width:calc(100% - 24px)}
 #features .section-heading h2{font-size:31px}
 #features .section-heading>p{font-size:17px}
 #features .outcome-panel{padding:22px 16px}
 #features .outcome-copy h3{font-size:25px}
 #features .outcome-lead{font-size:17px;margin-bottom:22px}
 #features .outcome-steps{display:block;margin-bottom:20px}
 #features .outcome-steps li{margin-top:18px}
 #features .decision{padding:16px}
 #features .decision p{font-size:17px}
 #features .feature-example>summary{font-size:16px}
 #features .outcome-example{padding:18px 14px;margin-inline:-4px}
 #features .outcome-example h4{font-size:23px}
 #features .evidence-list>div{grid-template-columns:1fr;gap:6px}
 #features .evidence-list dd{font-size:16px}
 #features .practice-track li{grid-template-columns:1fr;gap:6px}
 #features .sample-insight{padding:16px;font-size:16px}
 #features .idea-timeline{padding-left:7px}
}
@media(prefers-reduced-motion:reduce){#features *{transition:none!important}}