.course-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,370px);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;padding:7px 7px 20px;scrollbar-width:thin;scrollbar-color:#c4141c #e5e5e5}.course-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:680px;padding:24px 22px 20px;overflow:hidden;scroll-snap-align:start;border:1px solid #38393d;border-radius:25px;background:radial-gradient(500px 240px at 50% 0,#d7192011,transparent 72%),linear-gradient(160deg,#17191e,#0d1013 78%);color:#f4f4f4;text-decoration:none;box-shadow:0 18px 40px #10111418;transition:transform .18s,border-color .18s,box-shadow .18s}.course-card:hover{transform:translateY(-3px);border-color:#d71920;box-shadow:0 18px 40px #d7192015}.course-card-meta{display:flex;align-items:center;gap:9px;color:#92999e;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.course-card-meta>span:first-child{color:#d71920}.course-card-meta i{font-style:normal;color:#d71920}.course-card-meta small{margin-left:auto;color:#737b81;font:9px var(--mono);white-space:nowrap}.course-card h3{margin:17px 0 1px;color:#fff;font:700 39px/.98 var(--display);letter-spacing:.015em;text-transform:uppercase}.course-card h4{min-height:39px;margin:0 0 14px;color:#e3262e;font:700 17px/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase}.course-art-visual{position:relative;display:grid;place-items:center;height:238px;flex:none;overflow:hidden;padding:14px;border:1px solid #35383b;border-radius:20px;background:#080b0e}.course-art-grid{position:absolute;inset:0;background-image:linear-gradient(#d7192017 1px,transparent 1px),linear-gradient(90deg,#d7192017 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent 100%)}.course-art-visual svg{position:relative;z-index:1;display:block;width:100%;height:100%;max-height:215px;object-fit:contain;overflow:visible}.course-art-visual .node{fill:#222528;stroke:#d71920;stroke-width:2}.course-art-visual .node.alt{fill:#25282b;stroke:#a61018}.course-art-visual .label{fill:#f0f0f0;font:700 15px Barlow,Arial,sans-serif;letter-spacing:.04em}.course-art-visual .sub{fill:#a5a5a5;font:12px Barlow,Arial,sans-serif}.course-art-visual .tag{fill:#ed3339;font:700 11px JetBrains,monospace}.course-art-visual .flow-path,.course-art-visual .taxi-route,.course-art-visual .safe-route,.course-art-visual .approach,.course-art-visual .actual,.course-art-visual .goaround{fill:none;stroke:#d71920;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.course-art-visual .return{stroke:#a61018}.course-art-visual .field{fill:#17191c}.course-art-visual .runway{fill:#555}.course-art-visual .centerline{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:12 11}.course-art-visual .taxiway{fill:none;stroke:#686868;stroke-width:34;stroke-linecap:round;stroke-linejoin:round}.course-art-visual .hold{stroke:#a61018;stroke-width:4}.course-art-visual .plane{fill:#fff}.course-art-visual .point{fill:#a61018;stroke:#fff;stroke-width:3}.course-art-visual .danger-zone{fill:#a6101838;stroke:#a61018;stroke-width:2}.course-art-visual .gridline,.course-art-visual .chart-grid{stroke:#383a3d;stroke-width:1}.course-art-visual .route-line,.course-art-visual .cleared,.course-art-visual .glide{fill:none;stroke:#777;stroke-width:2;stroke-dasharray:7 7}.course-art-visual .stable-zone{fill:#d7192030;stroke:#d71920;stroke-width:2}.course-art-visual .ground{stroke:#aaa;stroke-width:3}.course-art-visual .gate{fill:#a6101838;stroke:#a61018;stroke-width:3}.course-card>p{min-height:78px;margin:15px 0 14px;color:#b3b8bc;font:15px/1.55 var(--body)}.course-progress{height:5px;flex:none;overflow:hidden;border-radius:8px;background:#34383c}.course-progress span{display:block;height:100%;border-radius:inherit;background:#d71920;transition:width .2s}.course-status{display:flex;align-items:center;gap:8px;margin:11px 0 16px;color:#d5d7d9;font:600 10px var(--mono);letter-spacing:.09em}.course-status>span,.course-status small{color:#81898f}.course-status small{font:10px var(--mono);letter-spacing:0}.status-dot{width:10px;height:10px;border-radius:50%;background:#d71920;box-shadow:0 0 14px #d7192055}.status-dot.is-progress{background:#777;box-shadow:0 0 14px #7775}.status-dot.is-done{background:#17191e;border:2px solid #d71920;box-shadow:0 0 14px #d7192055}.course-cta{display:flex;align-items:center;gap:13px;margin-top:auto;padding:15px 14px;border:1px solid #b5121b;border-radius:18px;background:#201619;transition:background .18s}.course-card:hover .course-cta{background:#2a1518}.course-play{display:grid;place-items:center;width:42px;height:42px;flex:none;border:2px solid #e3262e;border-radius:50%;color:#f1f1f1;font-size:14px;padding-left:2px}.course-cta>span:nth-child(2){display:grid;gap:5px;min-width:0}.course-cta b{color:#fff;font:700 14px var(--display);letter-spacing:.08em}.course-cta small{color:#969da2;font:9px var(--mono);letter-spacing:.04em}.course-cta em{margin-left:auto;color:#e3262e;font:normal 25px var(--body)}@media(max-width:900px){.course-cards{grid-auto-columns:minmax(300px,350px)}}@media(max-width:560px){.course-cards{grid-auto-columns:82vw;gap:13px;margin-inline:-10px;padding:7px max(9vw,24px) 20px;scroll-padding-inline:max(9vw,24px);scrollbar-width:none}.course-cards::-webkit-scrollbar{display:none}.course-card{min-height:680px;padding:23px 20px 19px;border-radius:26px}.course-card h3{font-size:clamp(36px,10vw,46px)}.course-card h4{font-size:16px}.course-art-visual{height:235px}.course-card>p{font-size:15px;min-height:76px}}@media(max-width:380px){.course-cards{grid-auto-columns:84vw;padding-inline:8vw;scroll-padding-inline:8vw}.course-card{padding:20px 17px 17px;min-height:650px}.course-art-visual{height:210px}.course-card-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){.course-card,.course-cta{transition:none}}.topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dadada;border-radius:15px;background:#fff;color:#171717;text-decoration:none;box-shadow:0 8px 24px #1717170b;transition:transform .16s,border-color .16s,box-shadow .16s}.topic-card:hover{transform:translateY(-3px);border-color:#d71920;box-shadow:0 14px 28px #17171714}.topic-card-art{position:relative;display:grid;place-items:center;height:174px;overflow:hidden;background:#0b0d0f}.topic-card-grid{position:absolute;inset:0;background-image:linear-gradient(#d7192017 1px,transparent 1px),linear-gradient(90deg,#d7192017 1px,transparent 1px);background-size:34px 34px}.topic-card-visual{position:relative;z-index:1;width:88%;height:142px;display:grid;place-items:center}.topic-card-visual svg{width:100%;height:100%;max-height:140px;object-fit:contain}.topic-card-visual .node{fill:#222528;stroke:#d71920;stroke-width:2}.topic-card-visual .node.alt{fill:#25282b;stroke:#a61018}.topic-card-visual .label{fill:#f0f0f0;font:700 15px Barlow,Arial,sans-serif}.topic-card-visual .sub{fill:#aaa;font:12px Barlow,Arial,sans-serif}.topic-card-visual .tag{fill:#ed3339;font:700 11px JetBrains,monospace}.topic-card-visual .flow-path,.topic-card-visual .taxi-route,.topic-card-visual .safe-route,.topic-card-visual .approach,.topic-card-visual .actual,.topic-card-visual .goaround{fill:none;stroke:#d71920;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.topic-card-visual .return{stroke:#a61018}.topic-card-visual .field{fill:#17191c}.topic-card-visual .runway{fill:#555}.topic-card-visual .centerline{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:12 11}.topic-card-visual .taxiway{fill:none;stroke:#686868;stroke-width:34;stroke-linecap:round;stroke-linejoin:round}.topic-card-visual .hold{stroke:#a61018;stroke-width:4}.topic-card-visual .plane{fill:#fff}.topic-card-visual .point{fill:#a61018;stroke:#fff;stroke-width:3}.topic-card-visual .danger-zone{fill:#a6101838;stroke:#a61018;stroke-width:2}.topic-card-visual .gridline,.topic-card-visual .chart-grid{stroke:#383a3d;stroke-width:1}.topic-card-visual .route-line,.topic-card-visual .cleared,.topic-card-visual .glide{fill:none;stroke:#777;stroke-width:2;stroke-dasharray:7 7}.topic-card-visual .stable-zone{fill:#d7192030;stroke:#d71920;stroke-width:2}.topic-card-visual .ground{stroke:#aaa;stroke-width:3}.topic-card-visual .gate{fill:#a6101838;stroke:#a61018;stroke-width:3}.topic-card-art>b{position:absolute;right:7px;bottom:-16px;color:#ffffff19;font:700 95px/.9 var(--display)}.topic-card-body{display:flex;flex:1;flex-direction:column;padding:15px 16px 13px}.topic-card-body>small{color:#c4141c;font:600 9px var(--mono);letter-spacing:.08em}.topic-card-body h3{margin:7px 0 6px;color:#171717;font:600 22px/1.06 var(--display);text-transform:uppercase}.topic-card-body p{display:-webkit-box;min-height:57px;margin:0 0 14px;overflow:hidden;color:#555;font:13px/1.48 var(--body);-webkit-line-clamp:3;-webkit-box-orient:vertical}.topic-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #e5e5e5;color:#707070;font:9px var(--mono);letter-spacing:.07em}.topic-card-foot b{color:#d71920;font:600 17px var(--body)}@media(max-width:1020px){.topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topic-cards{grid-template-columns:1fr;gap:11px}.topic-card{display:grid;grid-template-columns:35% minmax(0,1fr);min-height:166px}.topic-card-art{height:100%;min-height:166px}.topic-card-visual{width:100%;height:110px;padding:5px}.topic-card-visual svg{max-height:105px}.topic-card-body{padding:12px}.topic-card-body h3{font-size:18px}.topic-card-body p{min-height:0;-webkit-line-clamp:2;font-size:12px}.topic-card-art>b{font-size:70px;bottom:-10px}}
.course-cards{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;overscroll-behavior:initial;scroll-snap-type:none;scroll-padding-inline:0;padding:7px 0 20px;scrollbar-width:auto}.course-card{min-height:625px;scroll-snap-align:none}.course-art-visual{height:225px}@media(max-width:1120px){.course-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.course-cards{grid-template-columns:1fr;gap:14px;margin-inline:0;padding:7px 0 20px}.course-card{min-height:610px;padding:22px 20px 19px}.course-art-visual{height:230px}}@media(max-width:380px){.course-card{min-height:585px}.course-art-visual{height:210px}}