:root{--tei4-navy:#0B2637;--tei4-cyan:#00C8E7;--tei4-purple:#6E35E5;--tei4-text:#ECF9FC;--tei4-muted:#AFC6D0;--tei4-card:#0D2B3C;--tei4-line:rgba(111,233,242,.18)}
.tei4-shell{width:100%;max-width:1080px;margin:22px auto 48px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--tei4-text);line-height:1.45;isolation:isolate}.tei4-shell *{box-sizing:border-box}
.tei4-hero{background:radial-gradient(circle at 85% 0%,rgba(0,200,231,.22),transparent 30%),linear-gradient(145deg,#07141d,#0B2637 55%,#0D3B50);border:1px solid var(--tei4-line);border-radius:28px;padding:25px;box-shadow:0 24px 60px rgba(0,0,0,.17)}
.tei4-brand{display:flex;align-items:center;gap:14px}.tei4-brand img{width:74px;height:74px;object-fit:contain;padding:7px;border-radius:18px;background:rgba(255,255,255,.10)}.tei4-brand span{display:block;color:#86F0F8;font-size:12px;font-weight:900;letter-spacing:.14em}.tei4-brand small{display:block;color:#91AEBB;margin-top:4px;font-size:11px;letter-spacing:.08em}
.tei4-hero h2{color:#fff!important;font-size:clamp(30px,4.8vw,54px)!important;letter-spacing:-.04em!important;line-height:1.03!important;margin:18px 0 8px!important}.tei4-hero p{color:#CEE5ED!important;font-size:16px!important;margin:0!important}
.tei4-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.tei4-metrics div{padding:13px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.tei4-metrics b{display:block;color:#fff;font-size:19px}.tei4-metrics span{font-size:12px;color:#99B7C3}
.tei4-safety{margin-top:13px;border-left:3px solid var(--tei4-cyan);padding:10px 12px;background:rgba(0,200,231,.08);border-radius:4px 14px 14px 4px;color:#D8F5F8;font-size:13px}
.tei4-flow{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.tei4-flow span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:8px 10px;border-radius:999px;font-size:12px;color:#DAF4F8}
.tei4-nav{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:1fr 1fr minmax(170px,.65fr);gap:9px;margin:16px 0;padding:9px;background:#081821;border:1px solid var(--tei4-line);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.tei4-tab{text-decoration:none!important;color:#94B1BD!important;padding:9px 12px;border-radius:13px;border:1px solid transparent;display:flex!important;flex-direction:column}.tei4-tab.active,.tei4-tab:hover{background:rgba(0,200,231,.11);border-color:rgba(0,200,231,.22);color:#EFFFFF!important}.tei4-tab b{font-size:13px;letter-spacing:.06em}.tei4-tab small{font-size:11px}
.tei4-progress span{display:block;font-size:11px;text-align:right;color:#9DB8C3;margin-bottom:6px}.tei4-progress i{height:5px;background:rgba(255,255,255,.08);display:block;border-radius:999px;overflow:hidden}.tei4-progress em{height:100%;display:block;width:0;background:linear-gradient(90deg,var(--tei4-cyan),#A9FFCB);transition:.25s}
.tei4-weekstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.tei4-weekstrip div{background:#EFFAFC;border:1px solid #D4EEF3;border-radius:14px;padding:9px 11px;color:#244858}.tei4-weekstrip b{display:block;color:#05849A}.tei4-weekstrip span{font-size:12px}
.tei4-panel{scroll-margin-top:105px}.tei4-shell.is-js .tei4-panel{display:none}.tei4-shell.is-js .tei4-panel.active{display:block}
.tei4-section-head{display:flex;justify-content:space-between;align-items:flex-end;color:#17384A;margin:24px 3px 10px}.tei4-section-head span{font-size:12px;color:#079AB1;font-weight:900;letter-spacing:.14em}.tei4-section-head h3{margin:3px 0 0!important;color:#0B2637!important;font-size:clamp(22px,3vw,32px)!important}.tei4-section-head>b{background:#0B2637;color:#DDF8FC;border-radius:999px;padding:8px 12px;font-size:12px}.tei4-note{background:#EFFAFC;border:1px solid #D3EEF4;border-radius:14px;padding:10px 13px;color:#3A5966!important;font-size:13px!important}
.tei4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tei4-card{overflow:hidden;background:linear-gradient(180deg,#102F40,#0D2736);border:1px solid var(--tei4-line);border-radius:22px;box-shadow:0 16px 42px rgba(5,26,38,.12)}
.tei4-media{padding:13px 13px 0}.tei4-media-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#8EEAF3;font-size:11px;font-weight:900;letter-spacing:.12em}.tei4-media-label>div{display:flex;align-items:center;gap:9px}.tei4-media-label small{font-size:10px;color:#91ABB6;letter-spacing:0;font-weight:500}.tei4-media-label b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,200,231,.12);border:1px solid rgba(0,200,231,.23)}
.tei4-gif,.tei4-seqimg{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:17px;background:#fff;border:1px solid rgba(255,255,255,.09)}
.tei4-video-stage{display:none}.tei4-video-stage.is-active{display:block}.tei4-player{position:relative;padding-top:56.25%;border-radius:17px;overflow:hidden;background:#000}.tei4-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tei4-player-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:8px}.tei4-player-tools button,.tei4-player-tools a{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#EAFBFE!important;padding:8px 10px;border-radius:10px;text-decoration:none!important;cursor:pointer}
.tei4-media-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 2px 5px}.tei4-watch,.tei4-secondary{border:0;border-radius:13px;padding:10px 13px;color:#052632!important;font-weight:900;cursor:pointer;text-decoration:none!important}.tei4-watch{background:linear-gradient(135deg,#00C8E7,#6FE9F2)}.tei4-secondary{background:rgba(255,255,255,.09);color:#E9FBFE!important;border:1px solid rgba(255,255,255,.12)}.tei4-watch-muted{background:rgba(255,255,255,.07);color:#D3EBF0!important;padding:10px 13px;border-radius:13px}.tei4-external{font-size:12px;color:#A4DCE5!important;text-decoration:none!important}.tei4-source{margin-left:auto;max-width:42%;font-size:11px;text-align:right;color:#91ABB6}
.tei4-body{padding:13px 15px 15px}.tei4-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.tei4-top span,.tei4-top em{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:11px;font-style:normal}.tei4-top small{margin-left:auto;color:#9CB8C3}.tei4-body h3{color:#fff!important;margin:0 0 7px!important;font-size:21px!important}.tei4-body p{margin:0!important;color:#D5E9EF!important;font-size:14px!important}
.tei4-pill{display:inline-block;margin-top:10px;background:rgba(0,200,231,.10);border:1px solid rgba(0,200,231,.17);color:#D8F8FC;padding:7px 10px;border-radius:999px;font-size:12px}
.tei4-actions{display:flex;gap:9px;margin-top:13px}.tei4-tech-btn,.tei4-done{border-radius:13px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#EFFCFF;font-weight:800;cursor:pointer}.tei4-done{margin-left:auto;background:#0C4254}.tei4-done.done{background:#16513A;color:#DEFFF0}
.tei4-seq,.tei4-tech{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.tei4-seq[hidden],.tei4-tech[hidden]{display:none!important}
.tei4-seq-wrap{display:grid;grid-template-columns:1fr;gap:12px}.tei4-seq ol{margin:0;padding-left:20px;color:#D4E8EE;font-size:13px}.tei4-seq li{margin:4px 0}
.tei4-tech:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:14px}.tei4-tech strong{color:#fff}.tei4-tech ul{margin:6px 0 0;padding-left:18px;color:#D4E8EE;font-size:13px}.tei4-tech li{margin:4px 0}
@media(max-width:900px){.tei4-grid{grid-template-columns:1fr}.tei4-nav{grid-template-columns:1fr 1fr}.tei4-progress{grid-column:1/-1}}
@media(max-width:650px){.tei4-shell{width:calc(100% - 14px);margin:12px auto 36px}.tei4-hero{padding:18px}.tei4-brand img{width:58px;height:58px}.tei4-metrics,.tei4-weekstrip{grid-template-columns:repeat(2,1fr)}.tei4-section-head{align-items:flex-start;flex-direction:column;gap:8px}.tei4-source{max-width:none;margin-left:0;text-align:left;width:100%}.tei4-actions{flex-direction:column}.tei4-done{margin-left:0}.tei4-tech:not([hidden]){grid-template-columns:1fr}}

/* V4 humanized visual upgrades */
.tei4-seqimg{aspect-ratio:auto!important;object-fit:contain!important;background:#fff;max-height:520px}
.tei4-guide-link{display:inline-flex;align-items:center;text-decoration:none!important}
.tei4-gif{object-fit:contain!important;background:#f5fafc!important}
.tei4-media-label small{color:#9edee7!important;font-weight:700!important}
@media(max-width:650px){.tei4-seqimg{max-height:none}.tei4-guide-link{width:100%;justify-content:center}}