.learn-families{flex-direction:column;gap:clamp(60px,8vw,110px);display:flex}.learn-family-head{align-items:baseline;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-6);padding-top:var(--space-4);border-top:var(--hairline);flex-wrap:wrap;display:flex}.learn-family-head h2{font-family:var(--font-display);font-size:clamp(var(--fs-32), 4vw, var(--fs-56));letter-spacing:-.04em;margin:0;font-weight:650;line-height:1}.learn-family-head p{max-width:460px;font-size:var(--fs-14);color:var(--muted);margin:0 0 0 auto}.learn-family-num{font-size:var(--fs-12);letter-spacing:.1em;color:var(--signal);font-weight:750}.activity-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.activity-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.activity-grid{grid-template-columns:1fr}}.activity-card{gap:var(--space-3);padding:var(--space-5);border:var(--hairline);background:var(--ink-soft);transition:border-color var(--dur-fast), transform var(--dur-fast);flex-direction:column;display:flex}.activity-card:hover{border-color:var(--acid);transform:translateY(-3px)}.activity-card.is-soon{opacity:.55}.activity-card.is-soon:hover{border-color:var(--line-dark);transform:none}.activity-card h3{font-family:var(--font-display);font-size:var(--fs-24);letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.05}.activity-card .activity-outcome{font-size:var(--fs-14);color:var(--muted);margin:0;line-height:1.5}.activity-card .activity-meta{gap:var(--space-2);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.activity-card .activity-tool{font-size:var(--fs-12);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.level-chip{border:1px solid var(--line-dark);font-size:var(--fs-12);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.level-chip i{border-radius:var(--radius-round);width:7px;height:7px}.level-chip.is-open{border-color:var(--acid);color:var(--acid)}.level-chip.is-open i{background:var(--acid)}.level-chip.is-account{color:var(--muted)}.level-chip.is-account i{background:var(--muted)}.level-chip.is-soon{border-color:var(--signal);color:var(--signal)}.level-chip.is-soon i{background:var(--signal)}.how-it-works{border-top:var(--hairline);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.how-it-works{grid-template-columns:1fr}}.how-step{padding:var(--space-6) var(--space-5) var(--space-6) 0;border-right:var(--hairline)}.how-step:last-child{border-right:0}.how-step strong{font-family:var(--font-display);font-size:clamp(var(--fs-42), 4vw, var(--fs-56));letter-spacing:-.05em;color:var(--signal);line-height:.9;display:block}.how-step span{margin-top:var(--space-3);font-size:var(--fs-14);color:var(--muted);max-width:30ch;display:block}.learn-activity-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,90px);display:grid}@media (width<=1024px){.learn-activity-grid{grid-template-columns:1fr}}.theory-col h2,.stage-col h2{margin:0 0 var(--space-4);padding-top:var(--space-4);border-top:var(--hairline);font-size:var(--fs-12);letter-spacing:.14em;text-transform:uppercase;font-weight:750}.theory-col h2:not(:first-child){margin-top:var(--space-10)}.theory-col p{max-width:var(--measure);line-height:var(--lh-body)}.theory-col ol,.theory-col ul{max-width:var(--measure);padding-left:var(--space-5);line-height:var(--lh-body)}.theory-col li+li{margin-top:var(--space-2)}.stage-col{top:calc(var(--header-h-scrolled) + var(--space-4));position:sticky}@media (width<=1024px){.stage-col{position:static}}.activity-frame{border:var(--hairline);background:var(--ink-soft)}.frame-titlebar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline);font-size:var(--fs-12);letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:flex}.frame-titlebar .signal-dot{border-radius:var(--radius-round);background:var(--signal);width:8px;height:8px;box-shadow:0 0 0 4px #ee3f262e}.frame-titlebar .frame-tool{color:var(--muted);margin-left:auto}.frame-body{padding:var(--space-6) var(--space-5);min-height:280px}.trainer-start,.trainer-done,.trainer-round{gap:var(--space-5);flex-direction:column;display:flex}.trainer-brief{font-size:var(--fs-16);margin:0;line-height:1.5}.trainer-hint{font-size:var(--fs-12);color:var(--muted);margin:0}.trainer-notice{padding:var(--space-4);border:1px dashed var(--line-dark);font-size:var(--fs-14);color:var(--muted);line-height:1.5}.trainer-status{font-size:var(--fs-12);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-weight:700;display:flex}.trainer-question{font-family:var(--font-display);font-size:var(--fs-24);letter-spacing:-.02em;margin:0;font-weight:600}.trainer-options{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.trainer-option{min-height:56px;padding:var(--space-3) var(--space-4);border:var(--hairline);color:var(--white);font-family:var(--font-display);font-size:var(--fs-21);letter-spacing:-.02em;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;font-weight:600}.trainer-option:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.trainer-option:disabled{cursor:default;opacity:.45}.trainer-option.is-correct{border-color:var(--acid);background:var(--acid);color:var(--ink);opacity:1}.trainer-option.is-wrong{border-color:var(--signal);background:var(--signal);color:var(--ink);opacity:1}.trainer-feedback{min-height:1.5em;font-size:var(--fs-14);color:var(--muted);margin:0}.trainer-controls{gap:var(--space-3);display:flex}.eq-bands{height:84px;padding:var(--space-3);border:var(--hairline);background:var(--ink);align-items:flex-end;gap:6px;display:flex}.eq-bar{background:var(--acid);flex:1;height:12%;transition:height .12s linear}.eq-bar:last-child{background:var(--signal)}@media (prefers-reduced-motion:reduce){.eq-bar{transition:none}}.h5p-start{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.h5p-status{font-size:var(--fs-14);color:var(--muted);margin:0}.h5p-target{margin-top:var(--space-5)}.h5p-live .h5p-start{display:none}.h5p-live .h5p-target{margin-top:0}.h5p-target .h5p-content{background:var(--white)}.result-panel{margin-top:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--acid);background:var(--ink-soft)}.result-panel[hidden]{display:none}.result-panel .result-score{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(var(--fs-24), 3vw, var(--fs-42));letter-spacing:-.04em;font-weight:650;line-height:1}.result-panel .result-body{margin:0 0 var(--space-5);max-width:var(--measure);color:var(--muted)}.result-panel .result-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.result-panel .result-dismiss{color:var(--muted);font-size:var(--fs-12);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 3px;font-weight:700}.result-panel .result-dismiss:hover{color:var(--white)}.share-url{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.share-url code{padding:var(--space-2) var(--space-3);border:var(--hairline);font-size:var(--fs-12);color:var(--muted);word-break:break-all}.copy-status{font-size:var(--fs-12);color:var(--acid)}.related-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.related-grid{grid-template-columns:1fr}}.related-card{gap:var(--space-2);padding:var(--space-5);border:var(--hairline);transition:border-color var(--dur-fast);flex-direction:column;display:flex}.related-card:hover{border-color:var(--acid)}.related-card .related-kind{font-size:var(--fs-12);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);font-weight:750}.related-card h3{font-family:var(--font-display);font-size:var(--fs-21);letter-spacing:-.02em;margin:0;font-weight:600}.related-card p{font-size:var(--fs-14);color:var(--muted);margin:0}.related-card .arrow-link{padding-top:var(--space-3);width:max-content;margin-top:auto}