.learning-tracks{display:flex;gap:8px;flex-wrap:wrap;max-width:1120px;margin:25px auto 0;padding-bottom:18px;border-bottom:1px solid var(--line)}
.learning-tracks a{padding:8px 12px;border:1px solid transparent;border-radius:7px;color:#acbeca;font-size:13px}
.learning-tracks a[aria-current=page]{color:var(--accent);border-color:#52643b;background:#263323}
.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0}
.course-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #3a4c59;border-radius:12px;background:linear-gradient(145deg,#1d2c30,#121b27)}
.course-card:hover{border-color:var(--accent);text-decoration:none}

.course-card>span{color:var(--accent);font-size:11px;letter-spacing:.09em}
.course-card h2{font:600 32px/1.2 'Space Grotesk',sans-serif;margin:4px 0}
.course-card p{font-size:17px;line-height:1.5;margin:0;color:#e0e9ef}
.course-card small{color:#a7bbc9;font-size:14px;line-height:1.7}
.course-card strong{margin-top:auto;padding-top:14px;color:#d3e8b0;font-size:13px}
.course-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;list-style:none;padding:20px 0;margin:20px 0;border-block:1px solid var(--line)}
.course-flow li{font-size:14px;color:#c7d8cc;display:flex;align-items:center;gap:12px}
.course-flow li+li:before{content:'→';color:#829d89}
.course-context{color:#a8bcc8;font-size:14px;line-height:1.7;margin-bottom:26px}
.course-context a,.applied-foundation a{color:var(--accent)}
.course-principle,.lesson-framework{border-left:3px solid var(--accent);padding:12px 18px;margin:20px 0;background:#23312a55}
.course-principle p,.lesson-framework p{font-size:14px;line-height:1.7;margin:4px 0;color:#cfdfd3}
.learning-divider{margin:0 12px;color:#688090}
.applied-page .learn-intro h1{font-size:clamp(30px,4vw,46px)}
.applied-page .learn-intro>p{font-size:17px}
.applied-body{font-size:15px;line-height:1.7}
.applied-body .applied-concept{padding-top:0;border-bottom:0}
.applied-body .concept-step{margin-top:18px}
.applied-body .concept-step:first-child{margin-top:0}
.applied-body .concept-step>h2{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:14px;font-weight:600;color:#e5edf2}
.applied-body .concept-step ul{margin:4px 0 0}
.applied-body .concept-comparison h3{font-size:12px;letter-spacing:.03em;margin:0 0 8px}
.applied-body .concept-healthy h3{color:#96d9b0}
.applied-body .concept-dangerous h3{color:#f2ada0}
.applied-example{padding:22px 0;border-top:1px solid var(--line)}
.applied-example>.kicker{color:#91a4b0;font-size:10px;letter-spacing:.07em}
.applied-example>h2,.applied-handoff>h2{font-size:20px;color:#e8f0f4;margin:8px 0 15px}
.applied-example ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.applied-example li{padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.applied-example li>span{font-size:11px;color:var(--accent)}
.applied-example li>p{font-size:13px;line-height:1.7;margin:8px 0 0}
.applied-handoff{padding:20px;border:1px solid #465f55;background:#1c2d2855;border-radius:8px}
.applied-handoff>a{display:inline-block;min-height:36px;font-size:14px;font-weight:600}
.applied-handoff>p{font-size:13px;color:#a6bcc5;margin:5px 0 0}
.applied-deeper{margin-top:20px;border-block:1px solid var(--line);padding:12px 0}
.applied-deeper summary{cursor:pointer;color:#a8bdc8;font-size:13px;padding:5px 0}
.applied-deeper>p{font-size:14px;margin:12px 0;color:#acbdc9}
.applied-foundation{margin:18px 0;color:#8fa7b6;font-size:13px}
.course-help{color:var(--accent);font-size:12px;margin-left:14px;white-space:nowrap}
@media(max-width:850px){.course-grid{grid-template-columns:1fr}.course-card{padding:24px}.applied-example ol{grid-template-columns:1fr}}
@media(max-width:600px){.learning-tracks{gap:4px;margin-top:18px}.learning-tracks a{padding:8px;font-size:12px}.course-flow{gap:10px}.course-flow li{font-size:13px}.applied-page .learn-intro>p{font-size:16px}.learning-divider{margin:0 5px}}

.practical-investigation{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.practical-investigation .kicker{font-size:11px;letter-spacing:.1em;color:var(--accent)}.practical-investigation h2{margin:12px 0 20px;font-size:24px}.practical-investigation h3{font-size:16px;margin-top:24px}.practical-investigation p{line-height:1.85}@media(max-width:700px){.practical-investigation{padding:18px}}

.dev-buyer-cycle{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:24px 0}.dev-buyer-cycle figcaption{font-weight:600;color:var(--text)}.dev-buyer-cycle ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.dev-buyer-cycle li{padding:5px 9px;border:1px solid var(--line);border-radius:6px;font-size:13px}.dev-buyer-cycle li:not(:last-child)::after{content:" →";color:var(--accent)}.dev-buyer-cycle>p{font-size:13px;color:var(--muted)}

.learn-route{padding:22px 24px;margin:24px 0 28px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.learn-route h2{margin:0 0 14px;font-size:22px}.learn-route ol{padding-left:24px;line-height:1.8}.learn-route li{padding:5px 0}.learn-route a{color:var(--accent)}.learn-route p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:0}@media(max-width:700px){.learn-route{padding:18px}}

.explorer-guide,.review-sheet{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
#token-review{display:block;width:100%;min-width:0;margin:0}.review-sheet{overflow-wrap:anywhere}
.explorer-guide{margin-inline:0}.explorer-guide figcaption{font-weight:600;margin-bottom:16px}.explorer-guide img{display:block;width:100%;height:auto;border-radius:6px}.explorer-guide p{font-size:14px;line-height:1.7}.explorer-guide a,.review-sheet a,.record-handoff a{color:var(--accent)}
.review-field{margin:22px 0}.review-field label{display:block;font-weight:600;scroll-margin-top:24px}.review-field p{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0 10px}.review-field textarea{display:block;box-sizing:border-box;width:100%;min-height:100px;resize:vertical;padding:12px;border:1px solid #587080;border-radius:6px;background:#111b22;color:#e8f0f4;font:inherit;font-size:14px;line-height:1.6;scroll-margin-top:24px}
.review-actions{display:flex;flex-wrap:wrap;gap:10px}.review-actions button{border:1px solid #718f59;border-radius:6px;padding:10px 14px;background:#253423;color:#e1efce;font:inherit;font-size:14px;cursor:pointer}.review-actions button:hover{background:#35472f}.review-actions button:focus-visible,.review-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#review-status{font-size:14px;line-height:1.6}#review-sample{padding:18px;margin-top:20px;border:1px solid var(--line);border-radius:6px}#review-sample[hidden]{display:none}#review-sample dt{font-weight:600;margin-top:14px}#review-sample dd{margin:6px 0;font-size:14px;line-height:1.7}
@media(max-width:600px){.explorer-guide,.review-sheet{padding:14px}.review-actions button{width:100%}}
/* Separate retained topics within the ten-section 101C presentation. */
.course-topic + .course-topic { border-top: 1px solid var(--border, #29313c); margin-top: 2.5rem; padding-top: 1.5rem; }
.course-topic .topic-title { font-size: 1.6rem; }

.token-walkthrough { margin: 26px 0; }
.token-walkthrough figure { margin: 0 0 22px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.token-walkthrough figcaption { font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 18px; }
.token-walkthrough p { font-size: 14px; line-height: 1.7; }
.token-walkthrough .token-picture { width: 44px; height: 44px; flex-shrink: 0; color: #c3e36a; }
.launch-scenes ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; list-style: none; padding: 0; margin: 0; }
.launch-scenes li { padding: 16px; border-radius: 10px; background: #0c121a; border: 1px solid #283340; min-width: 0; }
.launch-scenes .scene-number { color: #a0b2c3; font-size: 12px; letter-spacing: .1em; }
.scene-pictures { display: flex; align-items: center; gap: 12px; margin: 22px 0; }
.scene-pictures>span { color: #89a3bc; font-size: 24px; }
.launch-scenes h3 { font-size: 17px; line-height: 1.35; margin: 0 0 12px; }
.launch-scenes p { margin: 0; }
.supply-strip { display: flex; height: 22px; border-radius: 8px; overflow: hidden; margin: 22px 0; gap: 3px; }
.supply-pool { flex: 30; background: #73b9ed; }
.supply-lock { flex: 20; background: #c8a4ef; }
.supply-holders { flex: 100; background: #c3e36a; }
.supply-destinations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.supply-destinations>div { display: flex; flex-direction: column; align-items: flex-start; padding: 14px; border-radius: 10px; border: 1px solid #283340; }
.supply-destinations strong { font-size: 30px; line-height: 1.4; }
.supply-destinations span { font-size: 14px; font-weight: 600; }
.supply-destinations p { margin-bottom: 0; }
.supply-destinations .pool-destination .token-picture,.pool-destination strong { color: #73b9ed; }
.supply-destinations .lock-destination .token-picture,.lock-destination strong { color: #c8a4ef; }
.supply-destinations .wallet-destination strong { color: #c3e36a; }
.money-path { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.money-path>div { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid #283340; border-radius: 10px; }
.money-path>div>span { font-size: 13px; color: #b3c0cd; }
.money-path-arrow { font-size: 26px; color: #89a3bc; }
.topic-bookmark { display: block; height: 0; scroll-margin-top: 16px; }
.lesson-body>h2:first-child { border: 0; padding-top: 0; margin-top: 0; }
.section-select { display: none; }
@media(max-width:700px) { .section-select:not([hidden]) { display: block; } .learn-sidebar:has(.section-select:not([hidden])) nav { display: none; } .section-select label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 7px; } .section-select select { width: 100%; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); font: inherit; font-size: 14px; } }
@media(max-width:1000px) { .launch-scenes ol { grid-template-columns: 1fr; } .scene-pictures { margin: 14px 0; } }
@media(max-width:600px) { .token-walkthrough figure { padding: 16px; } .supply-destinations { grid-template-columns: 1fr; gap: 10px; } .supply-destinations>div { display: grid; grid-template-columns: 44px 1fr; gap: 0 16px; } .supply-destinations .token-picture { grid-row: 1/4; align-self: center; } .supply-destinations strong { font-size: 26px; } .supply-destinations p { grid-column: 2; margin: 4px 0 0; } .money-path { flex-direction: column; align-items: stretch; } .money-path-arrow { align-self: center; transform: rotate(90deg); } }