/* Investigations page proposal (25 Oct 2026). Loaded after site.css, hero.css, nav.css and story.css (the homepage
   proposal's stage: steps, controls, cursor, reveals). iv-* is the main investigation; lx-* the tool sections. */

/* ---------- panels (the homepage's composed-window language) ---------- */
.sc-pan{position:absolute;display:flex;flex-direction:column;background:#fff;border:1px solid var(--edge);border-radius:10px;overflow:hidden;box-shadow:0 26px 50px -30px rgb(16 41 58 / .55)}
.sc-bar{flex:none;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;background:#eef4f7;border-bottom:1px solid var(--rule);font-size:12.5px;line-height:16px;white-space:nowrap}
.sc-bar b{font-weight:600}
.sc-meta{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}
.sc-bar .st-btn{margin-left:auto;height:24px;font-size:11.5px}
.sc-body{padding:12px 14px;min-height:0}
.sc-pan svg.ic{width:15px;height:15px;flex:none}
.sc-av{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:#dbe6ed;font-style:normal;font-size:9.5px;font-weight:600;color:#25485e;vertical-align:-5px}
.sc-nm{display:block;font-weight:600;font-size:14px}
.iv-l{margin:10px 0 4px;font-weight:600;font-size:10.5px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.iv-l:first-child{margin-top:0}
.iv-mut{margin:2px 0 0;font-size:12px;line-height:17px;color:var(--ink-2)}
.iv-eye{margin:0 0 2px;font-size:11.5px;color:var(--ink-2)}
.iv-pub{margin:2px 0 10px;font-size:12px;color:var(--ink-2)}
.st-lk{display:inline-flex;align-items:center;gap:3px;color:var(--link)}
.st-lk .ic{width:12px;height:12px}
.iv-src{margin:8px 0 0;font-size:11.5px;line-height:16px;color:var(--ink-2)}
blockquote{margin:0;padding:8px 10px;border-left:2px solid #c5a25a;background:#fffdf6;font:400 13px/20px Georgia,'Times New Roman',serif;color:#28333a}
blockquote span{display:block;margin-top:4px;font:400 11px/15px var(--sans);color:var(--ink-2)}
mark{background:#fbe9a8;color:inherit;padding:0 1px}
.iv-seg{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 10px;font-size:11.5px;color:var(--ink-2)}
.iv-seg > span{margin-right:4px}
.iv-seg b{font-weight:500;padding:3px 8px;border:1px solid var(--rule);border-radius:4px;background:#fbfdfe;color:var(--ink)}
.iv-seg b.on{background:var(--ink);border-color:var(--ink);color:#fff}
.iv-seg.sm{margin:0}
.iv-seg.sm b{padding:2px 7px;font-size:11px}
.iv-vh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.iv-vh .iv-l{margin:0}
.iv-tbl{border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.iv-tr{all:unset;box-sizing:border-box;display:grid;grid-template-columns:86px minmax(0,1.6fr) minmax(0,1.3fr) 76px 60px;gap:10px;width:100%;padding:8px 10px;border-top:1px solid var(--rule);font-size:12.5px;line-height:17px;color:var(--ink)}
.iv-tr small{display:block;font-size:11px;color:var(--ink-2)}
.iv-tr b{font-weight:600}
.iv-tr .r{text-align:right;font-variant-numeric:tabular-nums}
.iv-tr.hd{border-top:0;background:#f5f8fa;font-weight:600;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.iv-tbl > :first-child .iv-tr,.iv-tbl > .iv-tr:first-child{border-top:0}
button.iv-tr{cursor:pointer}
button.iv-tr:hover,button.iv-tr:focus-visible,button.iv-tr.active{background:#eef4f7;outline:none;box-shadow:inset 3px 0 0 var(--link)}
.iv-tr.c4{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 90px 86px}
.iv-fh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:6px 0;border-bottom:1px solid var(--rule);font-size:12.5px}
.iv-fh b{font-weight:600}
.iv-role{margin-left:auto;padding:1px 7px;border-radius:4px;background:#f0f4f7;font-size:11.5px;color:var(--ink)}
.iv-role.new{background:#fdf6e6;border:1px solid #ecd59f;color:#6b4a00}
.iv-sc{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;margin-right:6px;border:1px solid var(--rule);border-radius:12px;background:#fff;font-size:11.5px;color:var(--ink)}
.iv-sc::before{content:'';width:6px;height:6px;border-radius:50%;background:#2f7a46}

/* ---------- the main investigation ---------- */
.st.iv .sc-canvas{position:relative;height:560px}
.st.iv .st-v{padding:0;display:block}
.hx-split .st.iv .st-step small,.st.iv .st-step small{-webkit-line-clamp:3}
.st.iv .st-sample{white-space:nowrap}

/* 1 research */
.iv1 .iv-new{top:0;left:0;width:39%}
.iv1 .iv-ev{bottom:0;left:0;width:39%;height:282px}
.iv1 .iv-rep{top:0;right:0;width:59%;bottom:0;z-index:2}
.iv-fl{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;font-size:13px;line-height:18px}
.iv-fl span{font-size:11px;color:var(--ink-2)}
.iv-fl b{font-weight:500}
.iv-f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px}
.iv-obj{min-height:58px;margin:0;padding:7px 9px;border:1px solid var(--edge);border-radius:5px;background:#fbfdfe;font-size:13px;line-height:19px}
.iv-go{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:30px}
.iv-stat{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:12px;color:var(--link)}
.iv-stat .ic{width:14px;height:14px}
.iv-ev .sc-body{overflow:auto}
.iv-sx p{margin:0;font-size:12.5px;line-height:18px}
.iv-sx blockquote{margin-top:2px}
.st-v .iv-sx[data-xd]:not(.open){display:none}
.st-empty{margin:0;font-size:12.5px;color:var(--ink-2)}
.iv-rep .sc-body{overflow:hidden}
.iv-rh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.iv-rh h5{margin:0;font-weight:600;font-size:16px}
.iv-tabs{display:flex;gap:4px;margin:0;font-size:12px}
.iv-tabs span{padding:3px 8px;border-radius:4px;color:var(--ink-2)}
.iv-tabs .on{background:#e3edf3;color:var(--ink);font-weight:500}
.iv-rep .st-grp{margin-top:12px}
.st-oq{margin:0;padding-left:18px;font-size:13px;line-height:19px}
.st-cite.active{background:var(--link);color:#fff}

/* 2 the order */
.iv2 .iv-eal{top:0;left:0;width:33%;bottom:0}
.iv2 .iv-doc{top:0;right:0;width:65%;bottom:0;z-index:2}
.iv-action{padding:10px 12px;border:1px solid var(--rule);border-radius:6px;background:#fbfdfe}
.iv-action > b{display:block;font-weight:600;font-size:13.5px}
.iv-action > small{display:block;font-size:11.5px;color:var(--ink-2)}
.iv-docrow{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;margin-top:4px;border-radius:5px;font-size:12.5px;line-height:17px}
.iv-docrow small{display:block;font-size:11px;color:var(--ink-2)}
.iv-docrow .ic{width:15px;height:15px;color:#9c3a22;margin-top:1px}
.iv-docrow.on{background:#e3edf3}
.iv-doc h6{margin:0;font-weight:600;font-size:15px;line-height:21px}
.iv-pages{display:flex;flex-direction:column;gap:10px}
.iv-pg{all:unset;box-sizing:border-box;display:block;padding:12px 14px;border:1px solid #d9d8cf;border-radius:4px;background:#f8f7f2;cursor:pointer}
.iv-pg:hover,.iv-pg:focus-visible,.iv-pg.active{border-color:#b9a774;box-shadow:0 0 0 3px rgb(185 167 116 / .18);outline:none}
.iv-pgh{display:block;margin-bottom:6px;font:600 10.5px/14px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#6d6a5d}
.iv-ser{display:block;font:400 13.5px/21px Georgia,'Times New Roman',serif;color:#28333a}
.iv2 mark.iv-hl{background:transparent;transition:background .4s}
.iv2.has-hl mark.iv-hl{background:#fbe9a8}
.iv-pgx{margin:-4px 0 0;padding:8px 12px;border:1px solid #ecdcae;border-radius:4px;background:#fffdf6;font-size:12.5px;line-height:18px}
.st-v .iv-pgx[data-xd]:not(.open){display:none}

/* 3 insiders */
.iv3 .iv-cit{top:0;left:0;width:66%}
.iv3 .iv-cif{top:56px;right:0;width:38%;z-index:3;box-shadow:0 34px 70px -30px rgb(16 41 58 / .65)}
.iv-cap{margin:0 0 8px;font-size:12px;color:var(--ink-2)}
.iv-kv{display:flex;justify-content:space-between;gap:10px;margin:10px 0 2px;padding:8px 10px;border-radius:5px;background:#f5f8fa;font-size:12.5px}
.iv-kv span{color:var(--ink-2)}
.iv-kv b{font-weight:600}
.iv-xd{margin:10px 0 0;padding:8px 10px;border:1px solid #ecdcae;border-radius:5px;background:#fffdf6;font-size:12.5px;line-height:18px}
.st-v .iv-xd[data-xd]:not(.open){display:none}

/* 4 the explanation, the document and the reporting together */
.iv-tri{position:absolute;inset:0 0 58px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.iv-tri .sc-pan{position:relative}
.iv-tri .sc-body{display:flex;flex-direction:column;gap:6px;overflow:hidden}
.iv-tri h6{margin:0;font-weight:600;font-size:14.5px;line-height:20px}
.iv-tri .st-tx{margin:0;font:400 13px/20px Georgia,'Times New Roman',serif;color:#28333a}
.iv-w2{border-color:#cfc6a6}
.iv-w2 .sc-bar{background:#f4f1e6}
.iv-sugg{display:flex;align-items:flex-start;gap:6px;margin:0;padding:6px 8px;border-radius:5px;background:#e3edf3;font-size:12px;line-height:17px}
.iv-sugg .ic{width:14px;height:14px;color:var(--link);margin-top:1px}
.iv-sugg b{font-weight:600;margin-right:4px}
.iv-note{margin-top:auto;padding:8px 10px;background:#fffdf6;border:1px solid #ecdcae;border-radius:5px;font-size:12.5px;line-height:18px}
.iv-note .by{display:block;margin-bottom:3px;font-size:11px;color:var(--ink-2)}
.iv-note p{margin:0}
.iv-cmp{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:46px;padding:8px 12px;border:1px solid #8aa3b3;border-radius:8px;background:#f3f7fa;font-size:12.5px;line-height:17px}
.iv-cmph{display:inline-flex;align-items:center;gap:6px}
.iv-cmph .ic{width:14px;height:14px;color:var(--link)}
.iv-cmph b{font-weight:600}
.iv-cmph em{font-style:normal;color:#2f7a46;font-size:11.5px}
.iv-ld b{font-weight:600;margin-right:4px}

/* 5 the Case */
.iv5 .iv-case{top:0;left:0;width:57%}
.iv5 .iv-asm{top:24px;right:0;width:45%;z-index:3;box-shadow:0 34px 70px -30px rgb(16 41 58 / .65)}
.iv5 .st-ev{padding:12px 14px}
.iv5 .st-ev li{grid-template-columns:minmax(0,1fr);background:#fff}
.iv5 .st-ev li > button{all:unset;display:grid;grid-template-columns:76px minmax(0,1fr);gap:1px 10px;cursor:pointer}
.iv5 .st-ev li > button:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.iv5 .st-ev li > p{margin:6px 0 0 86px;font-size:12px;color:var(--ink-2)}
.st-v .st-ev [data-xd]:not(.open){display:none}
.iv-asm .sc-body p{margin:0;font-size:13px;line-height:19px}
.iv-oq{margin:0;padding-left:20px;font-size:13px;line-height:19px}
.iv-oq li + li{margin-top:2px}
.iv-oq li.shown{background:#fdf6e6;border-radius:3px}
.iv-rev{margin:8px 0 0}

/* stills and paused moments keep the reveals still */
.st.settled .st-v .shown,.st.paused .st-v .shown{animation:none}

/* ---------- narrower screens ---------- */
@media (max-width:1180px){
  .st.iv .sc-canvas{height:640px}
  .iv-tr{grid-template-columns:78px minmax(0,1.5fr) minmax(0,1.2fr) 64px 52px;gap:8px}
  .iv3 .iv-cit{width:100%}
  .iv3 .iv-cif{top:auto;bottom:0;width:58%}
}

@media (max-width:900px){
  /* every scene in one grid cell: the stage keeps the tallest scene's height, so the page does not jump between scenes */
  .st.iv .sc-canvas{height:auto;display:grid}
  .st.iv .st-v{grid-area:1/1;position:relative;inset:auto;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden}
  .st.iv .st-v.on{opacity:1;visibility:visible}
  .st.iv .sc-pan,.iv-tri .sc-pan{position:static;width:auto!important;height:auto!important;box-shadow:0 18px 36px -26px rgb(16 41 58 / .5)}
  .iv-tri{position:static;display:flex;flex-direction:column;gap:10px}
  .iv-cmp{position:static}
  .iv-tr{grid-template-columns:76px minmax(0,1fr) 56px;gap:6px}
  .iv-tr > :nth-child(3),.iv-tr > :nth-child(5){display:none}
  .iv-tr.c4{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px}
  .iv-tr.c4 > :nth-child(4){display:none}
  .iv-f2{grid-template-columns:minmax(0,1fr)}
  .iv5 .st-ev li > button{grid-template-columns:minmax(0,1fr)}
  .iv5 .st-ev li > p{margin-left:0}
  /* the homepage's story.css hides some of its own phone details by scene id and position; not here */
  .st.iv .st-ev li:nth-child(n+2){display:grid}
  .st.iv .st-grp{display:block}
  .st.iv .st-v{padding:0}
}

/* ---------- the tools, one by one ---------- */
.lx{padding-top:var(--sec)}
.lx-txt{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 32px;align-items:end;margin-bottom:40px}
.lx-txt .t-label{margin-bottom:12px}
.lx-txt .t-body{justify-self:end;max-width:440px;margin:0}
.lx-vis{position:relative}
.lx-tag{display:block;margin:0 0 10px;font-size:12px;color:var(--ink-2);text-align:right}
.dark .lx-tag{color:var(--navy-ink-2)}
.lx-app{position:relative;border-radius:var(--r-frame);box-shadow:0 34px 70px -40px rgb(16 41 58 / .55)}
.lx-col{padding:16px 18px;border-right:1px solid var(--rule);min-width:0}
.lx-rd{padding:18px 22px;min-width:0;min-height:360px}
.lx-pane{display:none}
.lx-pane.on{display:block;animation:st-in .3s ease}
.lx-pane h6{margin:2px 0 4px;font-weight:600;font-size:17px;line-height:24px}
.lx-pane .st-tx{margin:8px 0 0;font:400 15px/24px Georgia,'Times New Roman',serif;color:#28333a}
.lx-pane p{font-size:13.5px;line-height:20px}
[data-revealed]{display:none}
[data-revealed].open{display:block;animation:st-in .3s ease}
.lx-app button{font:inherit}
.lx-app button:focus-visible{outline:2px solid var(--link);outline-offset:2px}

/* due diligence */
.lx-dd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.lx-find{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;gap:10px;width:100%;margin-top:6px;padding:9px 11px;border:1px solid var(--rule);border-radius:6px;cursor:pointer;font-size:13.5px;line-height:20px}
.lx-find i{flex:none;font-style:normal;display:inline-grid;place-items:center;min-width:18px;height:18px;margin-top:1px;border-radius:3px;background:#e3edf3;font-size:11px;color:#25485e}
.lx-find:hover{border-color:var(--edge)}
.lx-find.on{border-color:var(--link);background:#f3f7fa;box-shadow:inset 3px 0 0 var(--link)}
.lx-find.on i{background:var(--link);color:#fff}
.lx-col .st-grp{margin:14px 0 2px}
.lx-col .st-grp:first-child{margin-top:0}
.lx-fu{margin-top:12px;cursor:pointer}
.lx-fubox{margin-top:10px;padding:10px 12px;border:1px dashed #8aa3b3;border-radius:6px;background:#f3f7fa;font-size:13px;line-height:19px}
.lx-fubox p{margin:0}
.lx-ev{display:flex;flex-direction:column;background:#fcfdfe}
.lx-evb{padding:14px 16px}
.lx-evb .lx-pane p{margin:0}

/* adverse media */
.lx-am{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.lx-ar{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:9px 11px;border:1px solid var(--rule);border-radius:6px;cursor:pointer}
.lx-ar .pub{display:block;font-size:11px;color:var(--ink-2)}
.lx-ar b{display:block;font-weight:500;font-size:13.5px;line-height:19px}
.lx-ar.on{border-color:var(--link);background:#f3f7fa;box-shadow:inset 3px 0 0 var(--link)}
.lx-sg{display:flex;align-items:flex-start;gap:5px;margin-top:5px;font-size:12px;line-height:17px;color:#25485e}
.lx-sg .ic{width:13px;height:13px;margin-top:2px;color:var(--link)}
.lx-cmpb{margin-top:16px;cursor:pointer}
.lx-cmp{margin-top:12px;padding:12px 14px;border:1px solid #8aa3b3;border-radius:8px;background:#f3f7fa}
.lx-cmp p{margin:6px 0 0;font-size:13.5px;line-height:20px}
.lx-cmp .iv-l{margin:0}

/* corporate insiders */
.lx-band{margin-top:var(--sec);padding:var(--sec) 0}
.lx-band.lx{padding-top:var(--sec)}
.dark .lx-app{color:var(--ink)}
.lx-ci{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.lx-per{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:9px 11px;border:1px solid var(--rule);border-radius:6px;cursor:pointer}
.lx-per b{display:block;font-weight:600;font-size:13.5px}
.lx-per small{display:block;font-size:12px;color:var(--ink-2)}
.lx-per.on{border-color:var(--link);background:#f3f7fa;box-shadow:inset 3px 0 0 var(--link)}
.lx-cih b{display:block;font-weight:600;font-size:17px}
.lx-cih small{display:block;font-size:12.5px;color:var(--ink-2)}
.lx-ci .iv-tbl{margin-bottom:4px}
.lx-note{margin:12px 0 0;padding:8px 10px;border-radius:5px;background:#f5f8fa;font-size:13px;color:var(--ink)}

/* enforcement actions */
.lx-ea{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.lx-doc{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;width:100%;margin-top:6px;padding:9px 11px;border:1px solid var(--rule);border-radius:6px;cursor:pointer}
.lx-doc .ic{width:16px;height:16px;color:#9c3a22;margin-top:2px}
.lx-doc b{display:block;font-weight:500;font-size:13.5px;line-height:19px}
.lx-doc small{display:block;font-size:12px;color:var(--ink-2)}
.lx-doc.on{border-color:var(--link);background:#f3f7fa;box-shadow:inset 3px 0 0 var(--link)}
.lx-ea .iv-action{margin-bottom:6px}
.lx-ml{display:inline-block;margin:0 0 8px;padding:2px 8px;border-radius:4px;background:#e3edf3;font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#25485e}
.lx-page{padding:16px 18px;border:1px solid #d9d8cf;border-radius:4px;background:#f8f7f2}
.lx-page .iv-ser{margin:0 0 12px;font-size:15px;line-height:24px}
.lx-page i{display:block;height:6px;margin-top:9px;border-radius:1px;background:#e2e0d6}
.lx-page i.w9{width:92%}.lx-page i.w7{width:70%}

/* continue in a shared Case */
.lx-case{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center;padding:48px 56px}
.lx-ct .t-body{margin-top:10px;max-width:520px}
.lx-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--link);font-weight:500;text-decoration:none}
.lx-link .ic{width:16px;height:16px}
.lx-ct .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.lx-cc .sc-pan{position:relative}
.lx-cl{display:flex;gap:14px;margin:0 0 8px;font-size:12px;color:var(--ink-2)}
.lx-ci2{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;margin:0 0 6px;padding:7px 10px;border:1px solid var(--rule);border-radius:5px;font-size:12.5px}
.lx-ci2 .k{font-size:11px;color:var(--ink-2)}
.lx-cc .st-note{margin-top:8px}

@media (max-width:1024px){
  .lx-txt{grid-template-columns:minmax(0,1fr)}
  .lx-txt .t-body{justify-self:start}
  .lx-case{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px}
}
@media (max-width:760px){
  .lx-dd,.lx-am,.lx-ci,.lx-ea{grid-template-columns:minmax(0,1fr)}
  .lx-col{border-right:0;border-bottom:1px solid var(--rule)}
  .lx-rd{min-height:0;padding:16px}
  .lx-tag{text-align:left}
}
@media (max-width:600px){
  .lx-case{padding:28px 20px}
  .lx-ct .acts{flex-direction:column;align-items:stretch}
  .lx-ct .acts .btn{justify-content:center}
}

/* composition pass (25 Oct): fuller scenes */
.iv-srch{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px}
.iv-srch .iv-fl{flex:1;margin:0;padding:6px 9px;border:1px solid var(--edge);border-radius:5px;background:#fbfdfe}
.iv-pages{gap:8px}
.iv-pg{padding:10px 14px}
.iv-pg3{cursor:default}
.iv3 .iv-cit{width:63%}
.iv3 .iv-cif{top:118px;width:41%}
.iv-tri .st-tx{font-size:14px;line-height:22px}
.iv-sp{margin-top:6px}
.iv-hist{padding:4px 14px 14px}
.iv-hist p{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 10px;margin:0;padding:5px 0;border-top:1px solid var(--rule);font-size:12px;line-height:17px}
.iv-hist time{grid-row:span 2;color:var(--ink-2);font-variant-numeric:tabular-nums}
.iv-hist b{font-weight:500}
.iv-hist span{color:var(--ink-2)}
.lx-app .st-btn{font-size:12.5px;height:30px;cursor:pointer}
.lx-page{min-height:200px}
@media (max-width:1180px){ .iv3 .iv-cit{width:100%} .iv3 .iv-cif{top:auto;width:58%} }
@media (max-width:720px){ .iv-hist p{grid-template-columns:minmax(0,1fr)} .iv-hist time{grid-row:auto} }
.iv-tri .sc-body{flex:1}
.iv-hist p{grid-template-columns:150px minmax(0,1fr)}

/* stage heights by width and height (fit pass, 25 Oct) */
@media (min-width:1181px) and (max-height:780px){ .st.iv .sc-canvas{height:530px} .iv1 .iv-ev{height:252px} }
@media (min-width:901px) and (max-width:1180px){
  .st.iv .sc-canvas{height:640px}
  .iv2 .iv-eal{width:36%} .iv2 .iv-doc{width:62%}
  .iv2 .iv-eal .iv-seg:not(.sm){display:none}
  .iv1 .iv-ev{height:300px}
}

/* narrow phones: windows shrink to the column; long title bars clip instead of widening the page */
.sc-bar{overflow:hidden}
.sc-pan{min-width:0}
@media (max-width:900px){ .st.iv .sc-canvas{grid-template-columns:minmax(0,1fr)} .st.iv .st-v{min-width:0} }
/* short desktop screens (1280 x 720): steps, window and caption fit together */
@media (min-width:1181px) and (max-height:780px){
  .hx-split .st.iv .st-rail{padding-top:14px}
  .hx-split .st.iv .st-step{padding:10px 14px 12px}
  .hx-split .st.iv .st-bar{padding:8px 28px 10px}
  .st.iv .sc-canvas{height:488px}
  .iv1 .iv-ev{height:232px}
  .iv-rep .st-find{font-size:12.5px;line-height:18px;margin-top:4px}
  .iv-rep .st-grp{margin-top:8px}
  .iv-tri .st-tx{font-size:13px;line-height:20px}
  .iv-tr{padding:6px 10px}
}

/* one reserved slot per scene for its evidence details: opening one does not change the scene's height */
.iv-stack{display:grid}
.iv-stack > *{grid-area:1/1}
.st-v .iv-stack > [data-xd]:not(.open){display:block;visibility:hidden}
.st-v .iv-xd[data-xd]:not(.open){display:block;visibility:hidden}
@media (min-width:1181px) and (max-height:780px){ .iv-pg3{display:none} }
/* The preview header already fits Request beta access at 320 px. */
/* phones and small tablets: the step's caption and controls sit right under the step numbers */
@media (max-width:900px){
  .hx-split .st.iv{display:flex;flex-direction:column}
  .st.iv .st-rail{order:1}
  .st.iv .st-bar{order:2}
  .st.iv .st-stage{order:3}
  .st.iv .st-bar{flex-direction:column;align-items:stretch;gap:10px}
  .st.iv .st-cap{min-height:76px}
}
@media (max-width:600px){ .st.iv .st-cap{min-height:118px} }
@media (max-width:360px){ .st.iv .st-cap{min-height:140px} }
.st.iv .st-step small,.st.iv .st-step[aria-selected="true"] small{display:none} /* the caption under the steps carries the description */
.iv-ty{display:grid}.iv-ty > span{grid-area:1/1}.iv-ghost{visibility:hidden}
.st-cite:focus-visible{outline:2px solid var(--link);outline-offset:1px}
/* the page's inline .rm/.still rule hides every .pz; Next must stay (homepage review fix, carried over) */
.rm .st #stpause,.still .st #stpause{display:inline-flex}
/* scene 4 as a column: the comparison takes the height it needs and the three windows take the rest */
.st.iv .st-v.iv4{display:flex;flex-direction:column;gap:12px}
.iv4 .iv-tri{position:relative;inset:auto;flex:1;min-height:0}
.iv4 .iv-cmp{position:relative;left:auto;right:auto;bottom:auto}
.iv-role.new{background:#e3edf3;border:1px solid #c3d4df;color:#25485e} /* the current role, not a warning (26 Oct) */
/* short desktop screens after the 26 Oct wording: a little tighter so every window keeps its full text */
@media (min-width:1181px) and (max-height:780px){
  .iv-rep .sc-body{padding-top:8px}
  .iv-rep .st-find{font-size:12px;line-height:17px}
  .iv-rh{margin-bottom:2px;padding-bottom:6px}
  .iv-sx p,.iv-sx blockquote{font-size:12px;line-height:17px}
  .iv-tri .st-tx{font-size:12.5px;line-height:19px}
  .iv-tri h6{font-size:13.5px;line-height:19px}
  .iv5 .iv-asm{top:0}
  .iv5 .st-ev li{padding:6px 10px}
  .iv-hist p{padding:4px 0}
  .iv-asm .sc-body p,.iv-oq{font-size:12.5px;line-height:18px}
}
/* desktop: one line per activity entry (time, what, who) */
@media (min-width:901px){
  .iv-hist p{grid-template-columns:150px auto minmax(0,1fr);align-items:baseline}
  .iv-hist time{grid-row:auto}
  .iv-hist span{text-align:right}
}
@media (min-width:1181px) and (max-height:780px){
  .iv-sx p,.iv-sx blockquote{font-size:11.5px;line-height:16px}
  .iv-ev .sc-body{padding:10px 12px}
  .iv-tri .sc-body{padding:10px 12px;gap:4px}
  .iv-note{padding:6px 8px;font-size:12px;line-height:17px}
  .iv-sugg{font-size:11.5px;line-height:16px;padding:5px 7px}
}
@media (min-width:1181px) and (max-height:780px){
  .iv5 .st-ev li > p{margin-top:2px;font-size:11.5px;line-height:16px}
  .iv5 .st-ev{gap:4px;padding:10px 12px}
  .iv-hist{padding:2px 12px 10px}
  .iv-hist .iv-l{margin-bottom:2px}
}
@media (min-width:901px){ .iv-hist p{grid-template-columns:150px auto minmax(0,1fr);column-gap:14px} .iv-hist span{text-align:left} }

/* Fictional evidence stays identified when the scene stacks on a phone. */
@media (max-width:720px){
  .st.iv .st-sample{display:block;flex-basis:100%;white-space:normal}
}