/* LT3SEG Signal Console — truly independent responsive film taxonomy UI */
:root{--sg-ink:#d9f7e8;--sg-green:#8be1ad;--sg-neon:#57f5b4;--sg-muted:#83aa9a;--sg-panel:#102424;--sg-line:#265348;--sg-base:#061312}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;min-width:0}
body{margin:0;background:var(--sg-base);color:var(--sg-ink);font:14px/1.65 system-ui,"Noto Sans SC","PingFang SC",sans-serif;overflow-x:clip}
a{color:var(--sg-green);text-underline-offset:3px}
img{max-width:100%}
.sg-header{background:#071d1c;border-bottom:1px solid #265348;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px max(18px,calc((100vw - 1170px)/2));flex-wrap:wrap}
.sg-mark{font:900 26px/1 ui-monospace,monospace;letter-spacing:.08em;text-decoration:none;color:#d2fff0;white-space:nowrap}
.sg-mark>span{color:#4bffbb}.sg-mark small{font:600 9px ui-monospace,monospace;letter-spacing:.09em;color:#649887}
.sg-header nav{display:flex;flex-wrap:wrap;gap:15px;min-width:0}.sg-header nav>a{text-decoration:none;color:#b5e2cf;font-size:12px}
.sg-shell{max-width:1170px;margin:auto;min-width:0;padding:20px 16px}
.sg-boot{border:1px solid var(--sg-line);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.65fr);gap:15px;align-items:stretch;background:#081c1c}
.sg-boot-left{background:radial-gradient(circle at 83% 15%,#174638 0%,#0b2421 45%,#0a1c1a 100%);padding:clamp(26px,4.5vw,58px);min-width:0}
.sg-overline{color:#6dd6ae;font:800 10px ui-monospace,monospace;letter-spacing:.16em}
.sg-boot h1{font:900 clamp(34px,5.4vw,67px)/1.17 system-ui,sans-serif;letter-spacing:-.045em;margin:25px 0 18px}
.sg-boot h1 em{font-style:normal;color:#61f8c0}
.sg-intro{max-width:560px;font-size:14px;line-height:1.9;color:#aacabc}
.sg-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.sg-actions a{padding:10px 16px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:12px;background:#44d9a0;color:#07251c}
.sg-actions a+ a{background:transparent;border:1px solid #4d9d7d;color:#baf4d8}
.sg-status{background:#102a27;padding:24px;min-width:0;border-left:1px solid var(--sg-line)}
.sg-status>p{font:800 10px ui-monospace,monospace;letter-spacing:.09em;color:#9effc8;display:flex;align-items:center;gap:9px}
.sg-pulse{display:inline-block;width:8px;height:8px;border-radius:100%;background:#4cffaa}
.sg-status dl{margin:17px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 15px}
.sg-status dt{font:700 10px ui-monospace,monospace;color:#90bca9}
.sg-status dd{font:800 24px/1 ui-monospace,monospace;margin:0;color:#d7fbea;text-align:right}
.sg-status small{font-size:10px;color:#88aa9b;line-height:1.55}
.sg-channel-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:15px 0 32px}
.sg-channel-bar>a{display:grid;gap:5px;min-width:0;text-decoration:none;background:#102523;border:1px solid #2c554a;padding:11px}
.sg-channel-bar>a small{font:700 9px ui-monospace,monospace;letter-spacing:.07em;color:#71bd9c}
.sg-channel-bar>a strong{font-size:13px;color:#d5efdd}
.sg-module{margin:35px 0;border-top:1px solid #315e50;padding-top:17px;min-width:0}
.sg-module-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 17px}
.sg-module-title p,.sg-module>p:first-child{font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:#66ba95;margin:0 0 9px}
.sg-module-title h1,.sg-module-title h2,.sg-module h1,.sg-module h2{font:850 clamp(24px,3.5vw,37px)/1.3 system-ui,sans-serif;color:#dbf7e8;margin:0;overflow-wrap:anywhere}
.sg-module-title>a{white-space:nowrap;font-size:12px}
.sg-module-title small{color:#8eaa9d}
.sg-module-second{margin-top:47px}
.sg-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sg-film{min-width:0;border:1px solid #295044;background:#0d2420;display:flex;flex-direction:column}
.sg-cover{display:block;position:relative;aspect-ratio:2/3;background:#143129;min-width:0}
.sg-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.sg-cover>span{position:absolute;top:9px;left:9px;background:#102821e8;color:#7effbc;border:1px solid #5da884;padding:4px 7px;font:800 10px ui-monospace,monospace}
.sg-film-data{padding:11px;min-width:0;display:grid;align-content:start;gap:7px}
.sg-film-data small{font:750 10px ui-monospace,monospace;color:#7cbf9d}
.sg-film-data>a{font-size:14px;line-height:1.4;font-weight:800;overflow-wrap:anywhere}
.sg-film-data p{font-size:11px;line-height:1.55;color:#92b2a0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;overflow-wrap:anywhere}
.sg-source-ledger{margin:47px 0;background:#102723;border:1px solid #325748;padding:20px;min-width:0}
.sg-source-ledger>div p{font:800 10px ui-monospace,monospace;color:#75d3a4}
.sg-source-ledger h2{font-size:25px}
.sg-source-ledger ol{list-style:none;padding:0;margin:13px 0}
.sg-source-ledger li{display:grid;grid-template-columns:100px minmax(0,1fr) 110px;gap:15px;padding:9px 0;border-top:1px dashed #3b6457}
.sg-source-ledger li>time{color:#82b5a0;font:700 12px ui-monospace,monospace}
.sg-source-ledger li>a{font-size:12px;text-align:right}
.sg-detail{display:grid;grid-template-columns:minmax(160px,255px) minmax(0,1fr);gap:24px;padding:24px;background:#0d2721;border:1px solid #315a4b;min-width:0}
.sg-detail figure{margin:0}.sg-detail figure>img{width:100%;aspect-ratio:2/3;display:block;object-fit:cover}
.sg-detail article{min-width:0}.sg-detail h1{font-size:clamp(28px,3.5vw,43px);line-height:1.25;margin:10px 0;overflow-wrap:anywhere}
.sg-detail article>small{color:#76bea1}.sg-detail article>h2{font-size:21px}
.sg-detail dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:9px 15px;background:#173a30;padding:14px;font-size:12px}
.sg-detail dt{color:#88b4a0}.sg-detail dd{margin:0;overflow-wrap:anywhere}
.sg-sub{color:#91b7a7}.sg-tags{display:flex;flex-wrap:wrap;gap:9px}
.sg-tags>span{border:1px solid #64a786;padding:7px 11px;color:#8ae7b5;font-size:12px}
.sg-evidence{color:#8fac9a;font-size:11px}
.sg-people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sg-people-grid>a{display:grid;gap:7px;padding:14px;border:1px solid #315c4b;background:#102b25;min-width:0;text-decoration:none}
.sg-people-grid strong{font-size:13px;overflow-wrap:anywhere}.sg-people-grid small{font-size:10px;color:#98b9a5}
.sg-credits{padding-left:24px}.sg-credits li{padding:9px 0;border-bottom:1px solid #315c4b}.sg-credits small{color:#95b2a2}
.sg-next a{display:inline-block;background:#285b45;border:1px solid #4f9670;padding:9px 13px;text-decoration:none}
.sg-footer{max-width:1170px;padding:20px 16px;margin:45px auto 0;border-top:1px solid #315345;font-size:11px;color:#8bab99}
.sg-empty{border:1px solid #315a4b;padding:20px;background:#10271f}
@media(max-width:980px){.sg-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:670px){
 .sg-header{padding:11px;gap:10px}.sg-mark{font-size:22px}.sg-mark small{display:none}
 .sg-header nav{gap:11px}.sg-header nav a{font-size:11px}
 .sg-shell{padding:11px}.sg-boot{grid-template-columns:minmax(0,1fr);gap:0}
 .sg-boot-left{padding:29px 18px}.sg-boot h1{font-size:37px}.sg-intro{font-size:12px}
 .sg-status{border-left:0;border-top:1px solid var(--sg-line);padding:15px}
 .sg-status dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .sg-status dt{font-size:9px}.sg-status dd{font-size:18px;text-align:left}
 .sg-channel-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sg-module{margin:26px 0}.sg-module-title h2{font-size:23px}
 .sg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sg-film-data{padding:8px}.sg-film-data p{font-size:10px;-webkit-line-clamp:2}
 .sg-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sg-source-ledger{padding:13px}
 .sg-source-ledger li{grid-template-columns:75px minmax(0,1fr);gap:7px}
 .sg-source-ledger li>a{grid-column:2;text-align:left}
 .sg-detail{display:block;padding:13px}.sg-detail figure img{max-width:200px}
 .sg-detail dl{grid-template-columns:85px minmax(0,1fr)}
}
@media(max-width:350px){.sg-card-grid{gap:6px}.sg-film-data{padding:7px}}
