body{margin:0;background:#071523;color:#e5f0f6;font-family:'DM Sans',Arial,sans-serif}.mthatha-topbar{height:78px;padding:0 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #234258;background:#091b2d}.mthatha-brand{display:flex;align-items:center;gap:10px;color:#e7f2f7;font:700 15px 'Barlow Condensed',Arial;text-decoration:none;letter-spacing:.4px}.mthatha-brand img{width:48px;height:48px;object-fit:contain}.mthatha-brand small{display:block;font:400 9px 'DM Sans',Arial;color:#72b9e7;margin-top:4px}.airport-chip{margin-left:auto;display:flex;gap:10px;align-items:center;border-left:1px solid #29465d;padding-left:20px}.airport-chip b{font:700 25px 'Barlow Condensed',Arial;color:#75cfff}.airport-chip span,.draft-chip{font-size:8px;letter-spacing:1px;color:#86a6b9;line-height:1.5}.draft-chip{border:1px solid #68582f;color:#d8c170;padding:7px 9px;border-radius:3px}.mthatha-heading{max-width:1450px;margin:0 auto;padding:42px 4% 28px;display:flex;justify-content:space-between;gap:24px;align-items:end}.mthatha-heading h1{font:700 clamp(38px,5vw,72px)/.88 'Barlow Condensed',Arial;text-transform:uppercase;letter-spacing:.5px;margin:13px 0 17px}.mthatha-heading h1 span{color:#6acbff}.mthatha-heading>div>p:last-child{max-width:620px;color:#9bb7c7;font-size:12px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#70b6d8}.source-status{display:grid;grid-template-columns:12px 1fr;gap:2px 8px;align-items:center;padding:15px 17px;border:1px solid #2d705e;border-radius:6px;background:#0d302c;min-width:205px}.source-status .status-dot{width:7px;height:7px;border-radius:50%;background:#69e3ad;grid-row:1/3}.source-status b{font-size:8px;color:#9ff0cf;letter-spacing:.7px}.source-status small{font-size:8px;color:#76ae9e}.mthatha-workspace{max-width:1450px;margin:0 auto;padding:0 4% 22px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:16px}.mthatha-scene-card{height:520px;position:relative;overflow:hidden;border:1px solid #2e5269;border-radius:10px;background:#122d3f}.mthatha-scene-card #scene{height:100%}.scene-overlay{position:absolute;left:23px;top:21px;pointer-events:none}.scene-overlay .scene-tag{font-size:8px;letter-spacing:1px;color:#8bc9e6}.scene-overlay h2{font:700 32px 'Barlow Condensed',Arial;text-transform:uppercase;margin:8px 0 4px}.scene-overlay p{color:#a2c3d5;font-size:10px}.mthatha-scene-card .scene-topright{position:absolute;right:18px;top:18px;font-size:8px;letter-spacing:1px;color:#7daec5}.mthatha-scene-card .scene-toolbar{position:absolute;bottom:0;left:0;right:0;background:#071725d9;padding:11px 15px;display:flex;align-items:center;gap:12px}.view-buttons{display:flex;gap:5px}.view-buttons button,#motion-button{border:1px solid #31546b;background:#10283c;color:#a7c6d6;border-radius:4px;padding:7px 9px;font-size:9px}.view-buttons button.selected{border-color:#38b8ef;color:#dff7ff;background:#17415c}.scene-toolbar>span{margin-left:auto;color:#7194a8;font-size:8px}.mthatha-guide{min-height:520px;border:1px solid #2a5269;border-radius:10px;padding:19px;background:linear-gradient(150deg,#12324a,#0b1e30)}.guide-kicker{display:flex;justify-content:space-between;align-items:center}.guide-kicker>span:last-child{font-size:8px;color:#77c8ed;letter-spacing:1px}.mthatha-guide #guide{height:245px;margin:11px -19px 4px;background:radial-gradient(ellipse at center,#345a70,#112b40 72%)}.mthatha-guide #guide canvas{display:block;width:100%!important;height:100%!important}.mthatha-guide h2{font:700 26px 'Barlow Condensed',Arial;margin-top:8px}.guide-role{font-size:9px;color:#7da2b9;margin-top:4px}.guide-speech{border-left:2px solid #31ace6;margin:15px 0;padding:9px 12px;background:#0a2235}.guide-speech span{font-size:7px;color:#66c8ed;letter-spacing:1px}.guide-speech p{font-size:10px;line-height:1.7;color:#b8d1df;margin-top:7px}.guide-actions{display:flex;gap:7px}.primary{border:1px solid #2c9ce4;border-radius:5px;padding:10px 13px;background:linear-gradient(120deg,#159ee9,#146bc8);color:#fff;font-size:10px}.square-button{width:38px;border:1px solid #34516a;border-radius:5px;background:#152d42;color:#bad3e3;font-size:17px}.guide-note{color:#648ba1;font-size:8px;line-height:1.6;margin-top:12px}.course-panel{grid-column:1;min-height:280px;border:1px solid #294d65;border-radius:10px;background:#0b1f31;overflow:hidden}.course-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #28485d}.course-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;border:0;border-right:1px solid #28485d;background:#0a1c2d;color:#7b9aaf}.course-tab:last-child{border:0}.course-tab.active{background:#123850;color:#e7f5fb;box-shadow:inset 0 -2px #29b3f3}.course-tab b{font:700 20px 'Barlow Condensed',Arial;color:#64c7f0}.course-tab span{font-size:11px;font-weight:600}.course-tab small{display:block;color:#7093a9;font-size:8px;font-weight:400;margin-top:4px}.course-content{padding:0}.course-intro{display:flex;justify-content:space-between;gap:15px;padding:21px 22px 14px}.course-intro h2{font:700 27px 'Barlow Condensed',Arial;margin:7px 0}.course-intro p:not(.eyebrow){font-size:10px;line-height:1.7;color:#88aabd;max-width:560px}.course-state{align-self:start;border:1px solid #78672f;color:#e0ca77;background:#302b18;padding:7px;font-size:7px;letter-spacing:1px;white-space:nowrap}.hold-state{border-color:#895c3d;color:#ffb18f;background:#3b251c}.signal-stage,.avop-stage{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;padding:14px 22px 20px}.signal-figure{height:150px;position:relative;border:1px solid #315a70;border-radius:7px;background:radial-gradient(circle at 50% 38%,#1b5971,#0a2335 67%)}.signal-head{position:absolute;width:29px;height:29px;border-radius:50%;background:#d49a75;left:75px;top:22px}.signal-arm{position:absolute;width:7px;height:69px;border-radius:7px;background:#edc75a;top:48px;transform-origin:top center}.signal-arm.left{left:79px;transform:rotate(42deg)}.signal-arm.right{left:93px;transform:rotate(-42deg)}.signal-figure b{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#b4d5e4;font-size:9px;letter-spacing:1px}.signal-count{font-size:8px;color:#6fc8ed;letter-spacing:1px}.signal-stage h3,.avop-stage h3{font-size:15px;margin:9px 0;color:#dcecf5}.signal-stage p,.avop-stage p{font-size:10px;line-height:1.7;color:#8eafc1}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.quiet-button{border:1px solid #34556d;background:#132d43;color:#abd0e4;border-radius:5px;padding:10px 13px;font-size:10px}.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 22px 18px}.micro-grid>div{padding:11px;border:1px solid #24465d;border-radius:5px;background:#0d2639}.micro-grid b{display:block;color:#6dc5ec;font-size:8px;letter-spacing:1px}.micro-grid span{display:block;color:#7f9fb1;font-size:8px;line-height:1.5;margin-top:5px}.route-map{height:155px;position:relative;border:1px solid #345a6d;border-radius:7px;background:#0b2838;overflow:hidden}.map-road{position:absolute;height:13px;background:#244e60;border-top:2px solid #4b8091;border-bottom:2px solid #163744;transform-origin:left center}.r1{width:88%;left:7%;top:116px;transform:rotate(-23deg)}.r2{width:65%;left:18%;top:82px;transform:rotate(18deg)}.r3{width:52%;left:36%;top:48px;transform:rotate(-31deg)}.route-node{position:absolute;z-index:2;padding:4px 5px;border-radius:3px;background:#15435a;border:1px solid #53b9d7;color:#bde9f5;font-style:normal;font-size:7px}.n1{left:8px;bottom:9px}.n2{left:28%;bottom:44px}.n3{left:55%;top:58px}.n4{right:13px;top:14px}.route-car{position:absolute;z-index:3;left:calc(8% + (var(--route) * 27%));bottom:17px;color:#ffd45b;font-size:18px;filter:drop-shadow(0 0 5px #ffd45b);transition:left .5s,bottom .5s}.route-feedback{margin-top:12px!important;padding:8px 10px;border-left:2px solid #4fa6cb;background:#0b2638}.route-feedback.hold-copy{border-color:#d29055;color:#e8ba8d!important}.mthatha-facts{grid-column:2;grid-row:2/4;border:1px solid #2b4d62;border-radius:10px;padding:20px;background:#0b2032}.mthatha-facts h2{font:700 24px 'Barlow Condensed',Arial;margin:8px 0 13px}.fact{border-top:1px solid #23435a;padding:11px 0}.fact b{display:block;color:#66c5eb;font-size:8px;letter-spacing:1px}.fact span{display:block;color:#89aabd;font-size:9px;line-height:1.55;margin-top:5px}.fact.hold{border-top-color:#6e543b}.fact.hold b{color:#efb278}.notion-link{display:block;padding:10px 11px;margin-top:9px;border:1px solid #2c5870;border-radius:4px;color:#75c9ed;font-size:9px;background:#0e293c}.mthatha-footer{max-width:1450px;margin:0 auto;padding:24px 4%;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #1d384c;color:#63869b;font-size:8px;letter-spacing:.6px}.mthatha-footer b{padding:0 7px;color:#a6c6d3}
@media(max-width:950px){.mthatha-heading{align-items:flex-start;flex-direction:column}.mthatha-workspace{grid-template-columns:1fr}.mthatha-guide{min-height:0;display:grid;grid-template-columns:180px 1fr;column-gap:16px}.mthatha-guide .guide-kicker{grid-column:1/-1}.mthatha-guide #guide{grid-row:2/7;margin:11px 0 0;height:240px}.mthatha-guide h2,.mthatha-guide .guide-role,.mthatha-guide .guide-speech,.mthatha-guide .guide-actions,.mthatha-guide .guide-note{grid-column:2}.course-panel,.mthatha-facts{grid-column:1}.mthatha-facts{grid-row:auto}}
@media(max-width:650px){.mthatha-topbar{height:auto;padding:15px 4%;flex-wrap:wrap;gap:13px}.airport-chip{margin-left:auto}.draft-chip{order:3;width:100%;text-align:center}.mthatha-heading{padding-top:28px}.mthatha-scene-card{height:390px}.mthatha-guide{display:block}.mthatha-guide #guide{height:230px;margin:11px -19px 4px}.course-tabs{grid-template-columns:1fr}.course-tab{border-right:0;border-bottom:1px solid #28485d}.signal-stage,.avop-stage{grid-template-columns:1fr;padding:10px 15px 18px}.signal-figure{height:125px}.signal-head{left:calc(50% - 15px)}.signal-arm.left{left:calc(50% - 11px)}.signal-arm.right{left:calc(50% + 3px)}.course-intro{padding:18px 15px 11px;flex-direction:column}.micro-grid{grid-template-columns:1fr;padding:0 15px 15px}.mthatha-footer{flex-direction:column;line-height:1.7}}