/* Dedicated lesson space. Existing palette; decorative motion only after interaction. */
.learning-page{--lab-paper:#e8e1d2;--lab-green:#12465a;--lab-red:#ff2b9d;--lab-foil:#00e5ff}
.learning-page .site-header{border-bottom:1px solid #68726155}.learning-page .site-header nav a[aria-current=page]{background:var(--action);color:var(--text-on-dark)}
.learning-hero{padding:56px 0 64px;background:radial-gradient(ellipse at 90% 10%,#00e5ff24,transparent 65%),var(--surface-page);border-bottom:1px solid #68726155}
.learning-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:70px;align-items:center}
.learning-hero h1{font-size:clamp(44px,5.7vw,78px);line-height:1.03;margin:22px 0;color:var(--text-on-dark)}
.learning-hero .stencil{margin-top:28px}.learning-hero p{max-width:42rem}.learning-lead{font-size:23px;font-weight:600;line-height:1.4}.learning-note{font-size:13px;color:var(--text-muted);margin-top:18px}
.back-community{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;gap:10px;font-family:Segoe UI,Arial,sans-serif;font-size:14px;font-weight:650;text-underline-offset:5px;color:inherit}.back-community:hover{color:var(--accent-red)}
.learning-welcome{position:relative;background:var(--action);color:var(--text-on-dark);border:1px solid var(--accent-gold);border-radius:28px 8px 28px 8px;padding:30px;box-shadow:8px 8px 0 #00e5ff26;overflow:hidden}
.learning-welcome .stencil{display:block;color:var(--text-on-dark);margin:10px 0}.learning-mascot{display:block;width:95px;height:95px;padding:10px;background:var(--surface-page);border-radius:50%;transition:transform .2s ease}.learning-welcome:hover .learning-mascot{transform:rotate(-5deg)}
.learning-welcome ol{list-style:none;counter-reset:learn;margin:22px 0 0;padding:0;display:grid;gap:18px}.learning-welcome li{counter-increment:learn;display:grid;grid-template-columns:28px 1fr;gap:3px 12px;border-top:1px solid #f4f0e540;padding-top:14px}.learning-welcome li:before{content:'0' counter(learn);grid-row:span 2;font-weight:700;color:#e6c67f}.learning-welcome b{font-size:20px}.learning-welcome li span{font-size:14px;line-height:1.5}
.learning-page .trick-lab{background:var(--surface-page);padding-top:64px}.learning-page .trick-lab h2{color:var(--action)}
.learning-page .trick-cards{gap:12px;margin:30px 0 36px;grid-template-columns:repeat(4,minmax(0,1fr))}.learning-page .trick-card{background:var(--surface-soft);border:1px solid #687261;border-radius:14px;padding:19px 18px;min-height:140px;transition:background-color .15s ease,box-shadow .15s ease}.learning-page .trick-card .card-title{font-size:22px;color:var(--action)}.learning-page .trick-card .card-line{font-size:14px}.learning-page .trick-card[aria-pressed=true]{background:var(--action);color:var(--text-on-dark);border-color:var(--action);box-shadow:inset 0 4px 0 var(--accent-gold)}.learning-page .trick-card[aria-pressed=true] .card-title{color:var(--text-on-dark)}.learning-page .trick-card:hover{box-shadow:0 5px 0 #00e5ff55}
.learning-page .lab-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:32px;margin-top:0}.learning-page .foil-panel{padding:5px;border:0;background:linear-gradient(125deg,#00e5ff,#12465a 55%,#ff2b9d);box-shadow:0 16px 30px #24282012}.learning-page .lab-stage{background:var(--surface-soft)}
.learning-page .lab-controls{border:1px solid #68726166;border-top:5px solid var(--accent-gold);border-radius:15px;padding:24px;background:var(--surface-soft)}.learning-page .lab-controls>h3{font-size:32px;color:var(--action);margin:0 0 14px}.learning-page .big-controls{gap:10px}.learning-page .big-controls .btn{min-height:48px;flex:1 1 120px}.learning-page .big-controls .big{flex-basis:100%;font-size:22px;min-height:56px}.learning-page #labSequenceStatus{border-left:3px solid var(--accent-red);padding-left:12px;font-size:14px}
.learning-page .phase-card,.learning-page .explore{background:var(--surface-soft)}.learning-page .phase-card{border-color:#68726166;padding:20px}.learning-page .phase-card a{text-underline-offset:3px}.learning-page .explore{margin-top:28px;border:1px solid var(--control-edge);padding:0 12px}.learning-page .explore>summary{line-height:1.5;min-height:56px;padding:14px 6px}.learning-page summary{cursor:pointer}
.physics-fold-wrap{padding-bottom:56px}.physics-fold{background:var(--surface-soft);border:1px solid var(--control-edge);border-radius:16px;overflow:hidden}.physics-fold>summary{padding:24px 28px;min-height:70px;color:var(--action);font-size:22px;font-weight:750}.physics-fold>summary small{display:block;font-size:14px;font-weight:500;color:var(--text-muted);margin:10px 0 0 20px;line-height:1.5}.learning-page .physics-lab{background:var(--surface-soft);border-top:1px solid #68726155;padding-block:35px}.physics-fold .wrap{padding-inline:24px}.learning-return{background:var(--action);color:var(--text-on-dark);padding:48px 0;border-block:3px solid var(--accent-gold)}.learning-return h2{font-size:36px}.learning-return .btn{background:var(--accent-gold);color:var(--text-main);border-color:var(--accent-gold);margin-right:24px}.learning-return a:focus-visible{outline-color:var(--text-on-dark)}
@media(max-width:1000px){.learning-hero-grid{gap:32px}.learning-page .trick-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-page .lab-grid{grid-template-columns:minmax(0,1fr)}.learning-page .lab-controls{max-width:none}}
@media(max-width:680px){.learning-hero{padding:30px 0 40px}.learning-hero-grid{grid-template-columns:1fr;gap:28px}.learning-hero h1{font-size:48px}.learning-welcome{padding:22px}.learning-mascot{width:75px;height:75px}.learning-page .trick-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-page .trick-card{padding:15px 12px;min-height:150px}.learning-page .trick-card .card-title{font-size:20px}.learning-page .lab-controls{padding:20px}.learning-page .trick-lab{padding-top:40px}.physics-fold>summary{padding:20px;font-size:20px}.physics-fold .wrap{padding-inline:18px}.learning-return h2{font-size:30px}}
@media(max-width:380px){.learning-page .trick-cards{grid-template-columns:1fr}.learning-page .trick-card{min-height:0}.learning-hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.learning-mascot,.learning-page .trick-card{transition:none}.learning-welcome:hover .learning-mascot{transform:none}.learning-page .foil-panel::before{display:none}}
.learning-hero .stencil{display:block}.learning-hero .back-community{display:flex;width:fit-content}.inspiration-empty .back-community{display:flex;margin-top:14px;color:var(--text-on-dark)}

/* Owner-approved plain-language prototype notice; no controller changes. */
.learning-page .prototype-notice{background:#f4f0e5;color:#242820;border:1px solid #687261;border-left:5px solid #ff2b9d;border-radius:8px;padding:16px 18px;margin:0 0 24px;font-size:14px;line-height:1.6}.learning-page .prototype-notice p{margin:0 0 8px}.learning-page .prototype-notice p:last-child{margin-bottom:0}.learning-page .prototype-notice strong{font-size:16px;line-height:1.45;color:#12465a}

/* Live-review correction: one restrained frame, coordinated natural reading surfaces. */
.learning-page #trick-lab{background:#e8e1d2;--lab-paper:#f4f0e5}
.learning-page #trick-lab .foil-panel{background:#12465a;border:1px solid #12465a;padding:2px;box-shadow:0 12px 24px #24282012}
.learning-page #trick-lab .foil-panel::before{display:none}
.learning-page #trick-lab .lab-controls{background:#f4f0e5;border:1px solid #687261;border-top:4px solid #12465a}
.learning-page #trick-lab .phase-card{background:#f4f0e5;border-left-color:#12465a}
.learning-page #trick-lab .prototype-notice,.learning-page #trick-lab .explore{background:#e8e1d2}

.hand-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;color:#242820}.hand-choice>span{font-weight:700;margin-right:auto}.hand-choice button{min-height:44px;padding:10px 16px;border:1px solid #12465a;border-radius:999px;background:#f4f0e5;color:#12465a;font:inherit;font-weight:700;cursor:pointer}.hand-choice button[aria-pressed="true"]{background:#12465a;color:#fff}.hand-choice button[aria-pressed="true"]::before{content:'✓ ';}.hand-choice button:focus-visible{outline:3px solid #ff2b9d;outline-offset:3px}

@media(max-width:380px){.hand-choice>span{flex-basis:100%}.hand-choice button{flex:1;padding:10px 12px}}

/* Mobile-first clarity: one selected lesson, player and current practice cue. */
.learning-page .lesson-picker{border:1px solid #687261;border-radius:16px;background:#f4f0e5;margin:20px 0;padding:0 18px}.lesson-picker>summary{padding:16px 0;min-height:48px;cursor:pointer;font-weight:700;color:#12465a}.lesson-picker>summary strong{display:block;font-size:23px;line-height:1.3;margin-top:4px}.lesson-picker .trick-cards{padding-bottom:18px}.lesson-current h3{font-size:32px;line-height:1.2;margin:4px 0 22px;color:#12465a}.lesson-current .stencil{margin-bottom:0}.learning-page #trick-lab>.wrap{max-width:960px}.learning-page .lab-grid{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;gap:18px;margin:0}.learning-page .lab-left,.learning-page #trick-lab .lab-controls{display:contents}.hand-choice{order:1;margin:0}.foil-panel{order:2}.playback-shell{order:3;padding:22px;border:1px solid #687261;border-radius:16px;background:#f4f0e5}.learning-page .phase-card{order:4;margin:0}.learning-page .prototype-notice{order:5;margin:0;font-size:14px}.learning-page .lesson-steps{order:6}.learning-page #labExplore{order:7}.lesson-steps{border:1px solid #687261;border-radius:12px;padding:0 18px;background:#f4f0e5}.lesson-steps>summary{padding:16px 0;min-height:48px;cursor:pointer;font-weight:750;color:#12465a}.lesson-steps .timeline{margin-bottom:20px}.phase-reference{margin-top:12px;font-size:14px}.phase-reference>summary{cursor:pointer;min-height:36px;color:#12465a;font-weight:650}.lesson-picker>summary:focus-visible,.lesson-steps>summary:focus-visible,.phase-reference>summary:focus-visible{outline:3px solid #ff2b9d;outline-offset:3px}.learning-page .phase-card .badge{display:none}.learning-page .prototype-notice p{margin:0 0 8px}.learning-page .prototype-notice p:last-child{margin:0}.learning-page .explore{margin:0}.learning-page #labTrickTitle{scroll-margin-top:20px}@media(max-width:680px){.learning-page .learning-hero{padding:28px 0}.learning-page .learning-hero h1{font-size:36px}.learning-page .learning-welcome{display:none}.learning-page .learning-lead{font-size:20px}.learning-page .playback-shell{padding:18px}.learning-page #labTitle{font-size:34px}.learning-page .lesson-current h3{font-size:27px}.learning-page #trick-lab{padding-top:30px}.learning-page .lab-grid{gap:16px}.learning-page .prototype-notice strong{font-size:15px}}

.learning-page .phase-reference .badge{display:inline-block}

/* Original pose-derived picture sequence. No motion or extra controls. */
.quick-guide{order:4;padding:10px 0 4px}.quick-guide h4{font-size:24px;color:#12465a;margin:0 0 4px}.quick-note{font-size:14px;color:#51584e;margin:0 0 18px}.quick-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}.quick-step-grid figure{margin:0}.quick-step-grid img{display:block;width:100%;height:auto;aspect-ratio:320/230;object-fit:contain;border-radius:16px}.quick-step-grid figcaption{display:grid;gap:4px;padding:10px 4px 0;line-height:1.45}.quick-step-grid strong{font-size:16px;color:#12465a}.quick-step-grid figcaption span{font-size:14px;color:#242820}.learning-page .phase-card{order:5}.learning-page .prototype-notice{order:6}.learning-page .lesson-steps{order:7}.learning-page #labExplore{order:8}@media(max-width:760px){.quick-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.quick-guide h4{font-size:22px}.quick-step-grid strong{font-size:15px}.quick-step-grid figcaption span{font-size:13px}}