/* StrongDrug 31 independent waveform-powered film research desk; no shared design system. */
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#100d14;color:#f2edf0;font:14px/1.7 system-ui,"Noto Sans SC",sans-serif}a{color:#f6a982;text-decoration:none}
.si31-global{max-width:1370px;margin:auto;background:#211923;padding:14px 19px;border-bottom:3px solid #b65e4b;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.si31-brand{font:900 13px ui-monospace,monospace;letter-spacing:.09em;color:#ffe5d5}.si31-brand span{display:inline-block;padding:9px;background:#cd7055;color:#25121b;margin-right:10px}
.si31-global nav{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;font-weight:800}.si31-shell{max-width:1370px;margin:auto;min-height:70vh;background:#19141d}
.si31-wave-header{display:grid;grid-template-columns:62px minmax(0,1.25fr) minmax(215px,.75fr);min-height:420px;background:radial-gradient(circle at 79% 20%,#533039,#281b26 63%,#1b141d)}
.si31-vertical{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.12em;border-right:1px solid #956359;display:grid;place-content:center;color:#dd9979;font:800 11px ui-monospace,monospace}
.si31-wave-lead{padding:clamp(24px,4vw,59px);align-self:center}
.si31-kicker{font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:#f4ac85}
.si31-wave-lead h1{font:900 clamp(35px,5vw,65px)/1.22 system-ui,sans-serif;letter-spacing:-.05em}
.si31-wave-lead h1 em{font-style:normal;color:#ffad77}
.si31-wave-lead p:not(.si31-kicker){font-size:12px;color:#c5abb1;max-width:460px;line-height:2}
.si31-wave-lead>a{display:inline-block;background:#ef945b;color:#261623;padding:11px 15px;font-weight:900;margin-top:12px}
.si31-scope{display:grid;place-content:center;text-align:center;gap:12px;padding:22px}
.si31-signal-bars{width:min(100%,310px);height:143px;display:flex;align-items:center;justify-content:space-evenly;gap:5px;border-top:1px solid #936b53;border-bottom:1px solid #936b53}
.si31-signal-bars i{display:block;flex:1;max-width:12px;background:linear-gradient(#ffb96a,#d04c4d);border-radius:2px}
.si31-scope strong{font:900 34px/1.25 ui-monospace,monospace;color:#ffb688;letter-spacing:.08em}
.si31-scope small{font:800 10px ui-monospace,monospace;color:#b9a9ac}
.si31-lane-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#4f363a}
.si31-lane-nav>a{display:grid;gap:7px;min-width:0;background:#291d28;padding:20px;border-bottom:4px solid transparent}
.si31-lane-nav>a[aria-current=page]{background:#eb9b72;color:#271620;border-color:#ffe5af}
.si31-lane-nav small{font:800 10px ui-monospace,monospace;letter-spacing:.1em}
.si31-lane-nav b{font-size:20px}.si31-lane-nav span{font-size:10px;opacity:.83}
.si31-wave-feed{display:grid;grid-template-columns:194px minmax(0,1fr);border-bottom:1px solid #573844}
.si31-axis{padding:19px 14px;background:#261a24;border-right:1px solid #59404b;align-content:start;display:grid;gap:13px}
.si31-axis span{font:800 10px ui-monospace,monospace;color:#c2886a}.si31-axis strong{font-size:24px}.si31-axis small{font-size:11px;color:#ab9ba4}
.si31-record-lines{display:grid;gap:0;min-width:0}
.si31-evidence-row{display:grid;grid-template-columns:32px 62px minmax(0,1fr) 55px;align-items:center;gap:14px;padding:11px 17px;border-bottom:1px solid #4a323f;min-width:0}
.si31-seq{font:800 12px ui-monospace,monospace;color:#ef9979}
.si31-poster img{display:block;width:62px;height:88px;object-fit:cover;border:1px solid #a37d7a}
.si31-evidence-row h3{font-size:16px;margin:5px 0}.si31-evidence-row h3 a{color:#fce9de}
.si31-evidence-row small{font:750 10px ui-monospace,monospace;color:#c08878}
.si31-evidence-row p{font-size:11px;color:#aaa2ac;line-height:1.55;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.si31-view{font-size:11px;font-weight:800}
.si31-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#50333d}
.si31-method>div{background:#2c212b;padding:23px}
.si31-method span{font:750 10px ui-monospace,monospace;color:#ecaa88}.si31-method h2{font-size:15px}.si31-method p{font-size:11px;color:#c1b0b3}
.si31-pages{padding:clamp(17px,4vw,50px);max-width:1040px;margin:auto}
.si31-pages>h1{font-size:35px}.si31-pages>p{font-size:12px;color:#b9acb4}
.si31-film{display:grid;grid-template-columns:minmax(150px,275px) minmax(0,1fr);gap:30px;max-width:1060px;margin:auto;padding:clamp(17px,4vw,51px)}
.si31-film figure{margin:0}.si31-film figure img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.si31-film figcaption{font:750 10px monospace;color:#e7a282}
.si31-film h1{font-size:34px}.si31-film dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:6px;padding:15px 0;border-block:1px solid #5e3946}
.si31-film dt{color:#e8b78e}.si31-film dd{margin:0}.si31-film p{line-height:2;color:#c9bdc5}
.si31-person-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.si31-person-list a{display:grid;gap:5px;background:#30222f;padding:15px}.si31-person-list small{font-size:10px;color:#a79ba8}
.si31-foot{max-width:1370px;margin:auto;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;background:#3d2831;padding:17px;color:#dbb8b5;font:800 10px ui-monospace,monospace}
@media(max-width:750px){.si31-global{padding:10px}.si31-global nav{gap:10px;font-size:10px}.si31-wave-header{grid-template-columns:23px minmax(0,1fr);min-height:0}.si31-vertical{grid-row:1/3;font-size:8px}.si31-wave-lead{padding:22px}.si31-wave-lead h1{font-size:35px}.si31-scope{grid-column:2;gap:7px;padding:0 17px 21px}.si31-signal-bars{height:60px}.si31-scope strong{font-size:20px}.si31-lane-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.si31-lane-nav>a{padding:12px}.si31-lane-nav b{font-size:14px}.si31-wave-feed{grid-template-columns:minmax(0,1fr)}.si31-axis{padding:13px}.si31-axis strong{font-size:19px}.si31-evidence-row{grid-template-columns:21px 47px minmax(0,1fr);gap:8px;padding:9px}.si31-poster img{width:47px;height:70px}.si31-evidence-row h3{font-size:13px}.si31-evidence-row p{font-size:10px}.si31-view{grid-column:3}.si31-method{grid-template-columns:minmax(0,1fr)}.si31-person-list{grid-template-columns:repeat(2,minmax(0,1fr))}.si31-film{grid-template-columns:minmax(0,1fr)}.si31-film figure img{max-width:220px}}
