/* Learn: a fictional, source-grounded training studio. */
.learn-studio{background:#fffefa;--ls-border:#eae2cf;--ls-muted:#94856b;--ls-green:#4b725a}
.ls-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 18px}.ls-eyebrow{font-size:8px;letter-spacing:.13em;color:var(--accent);font-weight:600}.ls-heading h3{font-size:23px;letter-spacing:-.05em;margin:5px 0 0}.ls-spark{font-size:37px;color:#b18a46}
.ls-chapters{display:flex;align-items:center;justify-content:space-between;padding:0 22px 18px;gap:4px;border-bottom:1px solid var(--ls-border)}.ls-chapters>span{font-size:10px;color:#cbbd9f}.ls-chapters button{display:flex;gap:5px;align-items:center;border:0;background:none;color:#9d917b;font:inherit;font-size:10px;padding:5px 0;white-space:nowrap}.ls-chapters b{font-size:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f3efe5;font-weight:500}.ls-chapters button[aria-current="step"]{color:var(--accent)}.ls-chapters button[aria-current="step"] b{color:white;background:var(--accent);box-shadow:0 0 0 3px #f1e8d2}
.ls-stage{margin:20px}.ls-panel{padding:20px;border:1px solid var(--ls-border);border-radius:12px;background:white;margin-bottom:18px}.ls-panel h4{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:13px 0 9px}.ls-subtitle{font-size:11px;line-height:1.7;color:#857b69;margin:0 0 18px}.ls-panel-label{display:flex;justify-content:space-between;gap:10px;color:#a08b64;font-size:8px;letter-spacing:.035em}.ls-panel-label span:first-child{font-weight:600}.ls-file{display:flex;align-items:center;gap:10px}.ls-file>span{font-size:23px;display:grid;place-items:center;width:34px;height:41px;border:1px solid var(--ls-border);border-radius:7px;background:#faf5e8;color:var(--accent)}.ls-file small{font-size:7px;letter-spacing:.08em;color:var(--ls-muted)}.ls-file h4{font-size:15px;margin:4px 0 0}.ls-file>b{font-size:8px;font-weight:400;color:#ab9f89;margin-left:auto}.ls-source-meta{display:flex;justify-content:space-between;padding:17px 0 11px;margin-bottom:8px;border-bottom:1px solid var(--ls-border);font-size:9px;color:#a4967e}
.ls-excerpts{padding:0;list-style:none;counter-reset:sop}.ls-excerpts li{counter-increment:sop;position:relative;padding:10px 6px 10px 29px;margin:2px -6px;border:1px solid transparent;border-radius:7px;transition:background .6s,border-color .6s,transform .6s}.ls-excerpts li:before{content:'0' counter(sop);position:absolute;left:8px;top:12px;color:#b7a47e;font-size:8px}.ls-excerpts b{font-size:11px;font-weight:600}.ls-excerpts p{font-size:10px;line-height:1.6;color:#91836c;margin:4px 0 0}.ls-source.is-reading li{background:#fbf6e7;border-color:#f0e2bd;transform:translateX(2px)}.ls-source.is-reading li:nth-child(2){transition-delay:.2s}.ls-source.is-reading li:nth-child(3){transition-delay:.4s}.ls-source.is-reading li:nth-child(4){transition-delay:.6s}
.ls-transform{border-top:1px solid var(--ls-border);padding-top:14px;margin-top:12px}.ls-transform-label{display:flex;gap:6px;color:var(--accent);font-size:10px}.ls-output-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.ls-output-tags span{font-size:8px;border-radius:5px;border:1px solid #eadfc4;background:#fbf8f0;padding:6px;transition:opacity .5s,transform .5s}.is-enhanced .ls-source:not(.is-built) .ls-output-tags span{opacity:0;transform:translateY(7px)}.ls-output-tags span:nth-child(2){transition-delay:.2s}.ls-output-tags span:nth-child(3){transition-delay:.4s}
.ls-video-frame{background:radial-gradient(ellipse at 50% 38%,#fffefa 5%,#f4e7c6 80%);border:1px solid #eadaba;border-radius:10px;padding:23px 15px 14px;text-align:center;overflow:hidden}.ls-orbit{position:relative;width:92px;height:92px;margin:0 auto 12px;display:grid;place-items:center}.ls-orbit-ring{position:absolute;inset:0;border:1px dashed #b79a5c;border-radius:50%;animation:ls-orbit 18s linear infinite}.ls-orbit-ring:after{content:'';position:absolute;top:9px;left:9px;width:10px;height:10px;border-radius:50%;background:#b58d39;box-shadow:0 0 14px #c49d55aa}.ls-video-symbol{display:grid;place-items:center;width:65px;height:65px;background:linear-gradient(135deg,#fff9e9,#e5ce97);color:#96702b;border:1px solid #d6b87c;border-radius:19px;box-shadow:0 7px 24px #906d2426;font-size:28px;animation:ls-float 3s ease-in-out infinite}.ls-video-title{display:block;font-size:17px;letter-spacing:-.035em;min-height:23px}.ls-video-nodes{display:flex;gap:7px;align-items:center;justify-content:center;margin:15px 0}.ls-video-nodes span{padding:6px 9px;border:1px solid #e6d7b2;border-radius:20px;color:#b49c6a;font-size:8px;background:#fffdf7}.ls-video-nodes span.is-active{background:#8b651d;color:#fff;border-color:#8b651d}.ls-video-nodes i{font-style:normal;color:#b5a075;font-size:10px}.ls-captions{min-height:42px;display:grid;place-items:center;border-radius:5px;background:#3f342c;color:#fff6e2;font-size:10px;line-height:1.5;padding:8px 10px}.ls-video-timeline{height:3px;border-radius:5px;background:#dfd2b4;margin-top:14px;overflow:hidden}.ls-video-timeline span{display:block;height:100%;width:0;background:#9f7a34;transition:width 2.8s linear}.ls-citation{font:inherit;font-size:9px;background:#faf7ee;border:1px solid var(--ls-border);border-radius:5px;color:#92743d;padding:8px 10px;margin-top:15px;max-width:100%;text-align:left}.ls-small-note{font-size:9px;line-height:1.6;color:#a6977b;margin:10px 0 0}
.ls-question-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--ls-border);border-radius:12px;color:var(--accent);background:#faf5e7;margin-top:25px;font-size:20px}.ls-options{display:grid;gap:8px}.ls-options button{display:flex;align-items:center;gap:10px;text-align:left;min-height:48px;border:1px solid var(--ls-border);border-radius:8px;background:#fffefa;color:#6b604c;font:inherit;font-size:11px;line-height:1.5;padding:11px;transition:background .2s,border-color .2s}.ls-options button>span{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:5px;background:#f2ecdf;color:#a38e65;font-size:9px}.ls-options button:hover{background:#f9f1df;border-color:#c6a467}.ls-options button.is-correct{border-color:#abc4ad;background:#f0f7f0;color:#42664c}.ls-options button.is-wrong{border-color:#d9bca6;background:#fbf1e9;color:#895e46}.ls-feedback{min-height:61px;font-size:10px;line-height:1.65;color:#948369;margin:15px 0 0}.ls-feedback.is-success{color:var(--ls-green)}.ls-incoming{display:flex;align-items:flex-start;gap:9px;padding:15px 12px;background:#f8f5ee;border:1px solid var(--ls-border);border-radius:8px;margin:23px 0 22px}.ls-avatar{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:9px;background:#e8dcc2;color:#967845}.ls-incoming b{font-size:10px;font-weight:550}.ls-incoming small{font-size:8px;color:#a49883;margin-left:6px;font-weight:400}.ls-incoming p{font-size:12px;line-height:1.65;color:#71644d;margin:7px 0 0}
.ls-player{padding:0 22px 18px}.ls-player[hidden]{display:none}.ls-status{font-size:11px;line-height:1.6;min-height:36px;color:#957b4c;margin:0 0 10px}.ls-controls{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:12px;border-top:1px solid var(--ls-border)}.ls-mode{font-size:9px;color:#ac9974}.ls-controls>div{display:flex;gap:5px}.ls-controls button{font:inherit;font-size:10px;border:1px solid var(--ls-border);border-radius:6px;background:#fffaf0;color:#927139;min-width:56px;min-height:33px;padding:7px}.ls-controls button:hover{background:#f4e9cb}.ls-controls button:disabled{opacity:.45;cursor:default}.learn-studio button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.learn-studio.is-enhanced .ls-stage{display:grid;min-height:460px}.learn-studio.is-enhanced .ls-panel{grid-area:1/1;margin:0;transition:opacity .5s,transform .5s,visibility .5s}.learn-studio.is-enhanced .ls-panel[aria-hidden="true"]{visibility:hidden;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none}.learn-studio.is-paused *{animation-play-state:paused!important}.learn-studio.is-paused .ls-video-timeline span{transition:none}
.learn-section-heading{max-width:760px;margin-bottom:44px}.learn-section-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.055em;margin:15px 0 22px}.learn-section-heading h2 em{font-style:normal;color:#92713a}.learn-section-heading>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:630px}.learn-create-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.learn-create-steps article{border-top:1px solid #ded4bc;padding-top:24px}.learn-create-steps article>span{font-size:12px;color:#aa8a4c}.learn-create-steps h3{font-size:25px;font-weight:500;letter-spacing:-.035em;margin:22px 0 14px}.learn-create-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:24px}.learn-create-steps small{font-size:10px;letter-spacing:.02em;color:#9d8355}.learn-format-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.learn-format-grid article{padding:32px;border:1px solid #e9dfcb;border-radius:20px;background:#f8f5ec}.learn-format-grid h3{font-size:26px;letter-spacing:-.035em;font-weight:500;margin:16px 0 12px}.learn-format-grid p{font-size:14px;line-height:1.8;color:#8c806c}.learn-format-featured{grid-row:span 2}.learn-format-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:245px;margin-bottom:35px;background:radial-gradient(ellipse,#fffef9,#eadbbc);border-radius:12px;border:1px solid #e4d5b2}.learn-art-play{display:grid;place-items:center;width:70px;height:70px;background:#fcf8ec;color:#9c7838;border:1px solid #cfb982;border-radius:50%;font-size:33px;box-shadow:0 12px 30px #9d7d3620}.learn-format-art>div{display:flex;gap:5px;margin:25px 0 14px;width:65%}.learn-format-art i{display:block;height:4px;border-radius:5px;background:#b39a64;flex:1}.learn-format-art i:last-child{background:#d5c9ac}.learn-format-art small{font-size:10px;color:#9c8659}.learn-format-glyph{font-size:25px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e6d5b0;border-radius:12px;color:#9d7936;background:#fffbef}.learn-format-grid .learn-format-wide{grid-column:1/-1;display:flex;align-items:center;gap:45px;background:#f4efdf}.learn-format-wide>div:first-child{flex:1}.learn-memory{display:flex;align-items:center;gap:12px}.learn-memory span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid #d2bd8c;font-size:12px;color:#987330;background:#fffaf0}.learn-memory i{font-style:normal;color:#bca369}
.learn-platform{display:grid;grid-template-columns:.8fr 1fr;gap:100px;align-items:center}.learn-platform-map{display:flex;flex-direction:column;align-items:center;padding:35px 20px;border-radius:24px;background:radial-gradient(ellipse,#efe3c7,#fbfaf8 75%)}.learn-platform-map>a,.learn-platform-map>div{display:grid;grid-template-columns:35px 1fr;gap:5px 12px;width:270px;padding:21px;border-radius:14px;background:#fff;border:1px solid #e8e0d0;color:var(--ink);text-decoration:none;box-shadow:0 9px 25px #61533d08}.learn-platform-map span{grid-row:span 2;display:grid;place-items:center;color:#b49b67;font-size:12px}.learn-platform-map strong{font-size:22px;font-weight:500;letter-spacing:-.03em}.learn-platform-map small{font-size:10px;color:#9b8a6b}.learn-platform-map>i{font-style:normal;font-size:22px;color:#c0a974;margin:13px 0}.learn-platform-map>.is-learn{border-color:#c8aa6f;background:#fcf5e3;transform:scale(1.08);box-shadow:0 14px 40px #aa89471c}.learn-platform h2{font-size:clamp(34px,4vw,50px);line-height:1.13;letter-spacing:-.05em;margin:18px 0 25px}.learn-platform p,.learn-platform li{font-size:14px;line-height:1.8;color:var(--muted)}.learn-platform ul{padding:0;list-style:none;margin-top:23px}.learn-platform li{border-top:1px solid #e8e1d1;padding:16px 0}.learn-platform strong{font-weight:550;color:#5e5140}.learn-platform-note{font-size:11px;color:#a28b60}
@keyframes ls-orbit{to{transform:rotate(360deg)}}@keyframes ls-float{50%{transform:translateY(-4px) rotate(-4deg)}}
@media(max-width:1000px){.learn-platform{gap:45px}.learn-format-grid .learn-format-wide{gap:25px}.learn-memory span{width:55px;height:55px}}
@media(max-width:700px){.learn-create-steps{grid-template-columns:1fr;gap:25px}.learn-create-steps h3{margin-top:14px}.learn-format-grid{grid-template-columns:1fr}.learn-format-featured{grid-row:auto}.learn-format-grid .learn-format-wide{flex-direction:column;align-items:flex-start}.learn-platform{grid-template-columns:1fr;gap:30px}.learn-format-grid article{padding:25px}.learn-format-art{min-height:200px}.learn-section-heading{margin-bottom:30px}}
@media(max-width:600px){.ls-heading{padding:20px 16px 15px}.ls-heading h3{font-size:21px}.ls-chapters{padding:0 16px 16px}.ls-chapters button{font-size:9px;gap:4px}.ls-chapters b{width:19px;height:19px;font-size:7px}.ls-stage{margin:14px}.ls-panel{padding:15px}.ls-panel h4{font-size:21px}.ls-file h4{font-size:14px}.ls-excerpts li{padding-top:12px;padding-bottom:12px}.ls-panel-label{font-size:7px}.ls-output-tags span{font-size:7px;padding:6px 4px}.ls-player{padding:0 16px 16px}.ls-mode{font-size:8px}.ls-controls button{font-size:9px;min-width:49px}.ls-status{font-size:10px}.ls-video-nodes span{padding:6px 7px;font-size:7px}.ls-captions{min-height:52px}.learn-studio.is-enhanced .ls-stage{min-height:480px}.ls-feedback{min-height:70px}.ls-small-note{font-size:8px}.learn-platform-map>a,.learn-platform-map>div{width:240px}}
@media(prefers-reduced-motion:reduce){.learn-studio *{animation:none!important;transition:none!important}}