
.learn-wrap{max-width:1200px;margin:auto;padding:32px 28px 60px}.learn-hero{padding:48px 0 36px;max-width:900px}.learn-hero h1{font-size:clamp(34px,4.2vw,58px)}.learn-hero>p:not(.eyebrow){max-width:72ch}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.concept-card{padding:24px;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.concept-card:hover{border-color:var(--purple);background:var(--soft)}.concept-card h2{font-size:21px;margin:10px 0}.concept-card p{font-size:14px;color:var(--muted)}.concept-card>span:last-child{color:var(--purple);font-size:13px}.learn-section{margin-top:48px!important;padding:30px;background:white;border:1px solid var(--line);border-radius:16px;scroll-margin-top:22px}.learn-heading{display:flex;gap:20px}.learn-number{color:var(--purple);font:700 26px Jakarta;flex-shrink:0}.learn-heading h2{font-size:28px;margin:0 0 12px}.learn-heading p{margin:0;max-width:85ch}.learn-context{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.learn-context>div{padding:20px;background:var(--paper);border-radius:9px}.learn-context h3{font-size:16px;margin:0 0 8px}.learn-context p{font-size:14px;margin:0}.learn-guide{border-top:1px solid var(--line)}.learn-guide>summary{cursor:pointer;color:var(--purple);font-weight:750;padding:20px 0}.learn-body{padding-bottom:16px}.learn-body h3{font-size:21px;margin:26px 0 12px}.learn-body li{margin-bottom:12px}.learn-body ol{padding-left:24px}.learn-body p,.learn-body li{max-width:95ch}.route-group{margin:28px 0;padding:22px;background:var(--paper);border-radius:10px}.route-label{display:block;font-weight:750;margin-bottom:8px}.route-select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #aaa0c6;background:white;border-radius:6px;width:100%;max-width:320px;color:var(--ink)}.route-panel h4{margin:20px 0 10px;font-size:19px}.route-panel[hidden]{display:none}.source-link{font-size:13px;color:var(--muted)}.learn-prompt{margin:24px 0}.learn-prompt pre{max-height:none}.learn-check{padding:18px 22px;border-left:3px solid var(--purple);background:var(--soft);margin:24px 0}.learn-check h3{margin-top:0}.back-top{font-size:13px}.schedule-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.schedule-examples article{border:1px solid var(--line);padding:18px;border-radius:10px}.schedule-examples h3{font-size:17px;margin-top:0}.schedule-examples p{font-size:14px}.learn-diagram{background:#f7f5fc;border:1px solid #d8c8ff;border-radius:12px;padding:24px;margin:24px 0}.diagram-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.diagram-flow>div{background:white;border:1px solid #cbb8fa;border-left:4px solid var(--purple);border-radius:8px;padding:18px;position:relative}.diagram-flow strong,.diagram-flow span{display:block}.diagram-flow strong{font-family:Jakarta;font-size:18px}.diagram-flow span{font-size:13px;color:var(--muted)}.diagram-flow>div:not(:last-child):after{content:'→';position:absolute;right:-21px;top:26px;color:var(--purple)}.diagram-flow>div:nth-child(3):after{content:'↓';right:12px;top:auto;bottom:-28px}.learn-diagram>p{font-size:13px;color:var(--muted);margin-bottom:0}.harness-top,.harness-bottom{padding:14px;text-align:center;color:var(--purple);font-weight:750}.harness-box{border:2px solid var(--purple);border-radius:12px;padding:20px;background:white}.harness-box h3{text-align:center;margin:0 0 18px}.harness-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px}.harness-grid>div{background:var(--soft);border-radius:8px;padding:20px;text-align:center}.harness-grid .model-core{grid-column:2;grid-row:1/3;background:var(--purple);color:white;align-content:center;font-weight:750}.harness-grid small{font-weight:400}.harness-grid>div:nth-child(2){grid-column:3}.harness-grid>div:nth-child(4){grid-column:1}.harness-grid>div:nth-child(5){grid-column:3}
@media(max-width:760px){.learn-wrap{padding:24px 16px 40px}.learn-hero{padding-top:30px}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-section{padding:22px 18px}.learn-context,.schedule-examples{grid-template-columns:1fr}.learn-heading{gap:12px}.learn-heading h2{font-size:24px}.route-group{padding:16px}.diagram-flow{grid-template-columns:1fr}.diagram-flow>div:not(:last-child):after{content:'↓';top:auto;bottom:-28px;right:50%}.harness-grid{grid-template-columns:1fr}.harness-grid>div,.harness-grid>div:nth-child(n){grid-column:auto;grid-row:auto}.harness-grid .model-core{order:-1}}
@media(max-width:440px){.concept-grid{grid-template-columns:1fr}.concept-card{padding:20px}}
@media print{.learn-guide>*{display:block!important}.route-panel[hidden]{display:block}.route-select,.route-label,.back-top{display:none}.learn-section{break-inside:auto}.learn-hero{padding:16px 0}.concept-grid{display:none}.learn-diagram{break-inside:avoid}}

.diagram-flow{counter-reset:loop-step}.diagram-flow>div{counter-increment:loop-step}.diagram-flow strong:before{content:counter(loop-step) ". ";color:var(--purple)}.diagram-flow>div:nth-child(n):after{content:none}
#learn-status{transform:none;left:20px;right:20px;max-width:560px;width:fit-content}
