/* Stocks explorer and its related views (agent B): /stocks, /research (score screener), /ideas, /p/<strategy>, /s/<T>.
   Uses only the shared --ct-* tokens from ct.css. */

/* ---------- shared page head ---------- */
.ex-head,.xp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ct-s4) var(--ct-s8);flex-wrap:wrap;margin:0 0 var(--ct-s5)}
.ex-head h1,.xp-head h1{font:600 var(--ct-fs-2xl)/1.15 var(--ct-font-ui);letter-spacing:-.015em;margin:4px 0 6px;max-width:none}
.ex-deck,.xp-deck{margin:0;max-width:78ch;color:var(--ct-text-2);font-size:var(--ct-fs-md)}
.ex-stamps{display:flex;gap:var(--ct-s4);flex-wrap:wrap;margin:0 0 4px;max-width:none}
.xp-actions{display:flex;flex-wrap:wrap;gap:var(--ct-s2);margin:var(--ct-s3) 0 0}
.xp-actions .ct-btn{text-decoration:none}
a.ct-btn{color:var(--ct-text)}
a.ct-btn--primary{color:var(--ct-accent-ink)}

/* ---------- explorer toolbar ---------- */
.ex-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ct-s3);margin:0 0 var(--ct-s3)}
.ex-search{flex:1 1 260px;max-width:420px}
.ex-search input{width:100%;height:38px;font-size:14.5px;padding-left:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238f8e88' stroke-width='1.6'%3E%3Ccircle cx='7' cy='7' r='4.8'/%3E%3Cpath d='m10.6 10.6 3.4 3.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px 50%}
.ex-views{flex:0 0 auto}
.ex-presets{position:relative;margin:0}
.ex-presets>summary{list-style:none}
.ex-presets>summary::-webkit-details-marker{display:none}
.ex-presets>summary::before{content:none}
.ex-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:min(440px,calc(100vw - 32px));background:var(--ct-surface-2);border-radius:var(--ct-r-lg);box-shadow:var(--ct-shadow-pop);padding:var(--ct-s3);animation:ct-pop var(--ct-dur-panel) var(--ct-ease)}
.ex-menu-head{font-size:12.5px;color:var(--ct-text-3);margin:0 4px var(--ct-s2);max-width:none}
.ex-menu ul{list-style:none;margin:0;padding:0}
.ex-menu li{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:4px;padding:2px 4px;border-radius:var(--ct-r-md);font-size:13.5px}
.ex-menu li:hover{background:var(--ct-surface-3)}
.ex-menu li span{color:var(--ct-text)}
.ex-menu li a{padding:6px 8px;border-radius:var(--ct-r-sm);font-size:12.5px;white-space:nowrap}
.ex-menu li a:hover{background:var(--ct-accent-soft)}

.ex-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ct-s2) var(--ct-s5);padding:var(--ct-s3) 0;border-top:1px solid var(--ct-hairline);border-bottom:1px solid var(--ct-hairline);margin:0}
.ex-field{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ct-text-2)}
.ex-field small{color:var(--ct-text-3);font-size:11.5px}
.ex-field select{max-width:min(300px,62vw)}
.ex-toggles{display:inline-flex;flex-wrap:wrap;gap:0 var(--ct-s4)}
.ex-active{display:flex;flex-wrap:wrap;gap:var(--ct-s2);padding:var(--ct-s3) 0 0}
.ex-active[hidden]{display:none}
.ex-active .ct-chip{cursor:pointer;font:inherit;font-size:12.5px;transition:border-color var(--ct-dur-fast) var(--ct-ease),color var(--ct-dur-fast) var(--ct-ease)}
.ex-active .ct-chip:hover{border-color:var(--ct-accent);color:var(--ct-text)}
.ex-active .ct-chip span{color:var(--ct-text-3);font-size:14px}
.ex-clear{all:unset;cursor:pointer;font-size:12.5px;color:var(--ct-accent);padding:0 6px}
.ex-clear:focus-visible{outline:2px solid var(--ct-accent);outline-offset:2px;border-radius:2px}
.ex-status{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ct-s2) var(--ct-s5);flex-wrap:wrap;margin:var(--ct-s4) 0 var(--ct-s2)}
.ex-count{margin:0;font-size:13.5px;color:var(--ct-text-2);padding:0 4px;border-radius:var(--ct-r-sm)}
.ex-count b{color:var(--ct-text);font-weight:600}
.ex-legend{margin:0;font-size:12.5px;color:var(--ct-text-3);max-width:none}

/* ---------- explorer table ---------- */
.ex-wrap{overflow-x:auto}
.ex-table{min-width:720px}
.ex-table[hidden]{display:none}
.ex-table td{vertical-align:top}
.ex-table th{padding-top:12px;padding-bottom:12px}
.ex-table td:first-child{position:relative;min-width:200px;max-width:320px}
.ex-co{display:flex;align-items:baseline;gap:8px;color:var(--ct-text)}
.ex-co:hover .ex-nm{color:var(--ct-accent-strong)}
.ex-tk{font:600 12.5px/1.4 var(--ct-font-mono);color:var(--ct-accent);min-width:3.5em}
.ex-nm{font-weight:500;color:var(--ct-text);transition:color var(--ct-dur-fast) var(--ct-ease)}
.ex-sub{display:block;font-size:11.5px;line-height:1.35;color:var(--ct-text-3);margin-top:2px}
.ex-table td:first-child .ex-sub{padding-left:calc(3.5em + 8px)}
.ex-px{font-weight:500;color:var(--ct-text);white-space:nowrap}
.ex-px small{font-size:11px;color:var(--ct-text-3);font-weight:400}
a.ex-px:hover{color:var(--ct-accent-strong)}
.ex-glyph{font-size:9px;margin-right:4px;vertical-align:1px}
.ex-why{cursor:help;border-bottom:1px dotted var(--ct-text-4)}
.ex-gap{font-weight:500;margin-right:6px}
.ex-band{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;padding:2px 7px;border-radius:var(--ct-r-pill);border:1px solid var(--ct-border-strong);color:var(--ct-text-2);white-space:nowrap}
.ex-band::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ex-band--pos{color:var(--ct-pos);border-color:rgba(95,194,140,.4);background:var(--ct-pos-soft)}
.ex-band--neg{color:var(--ct-neg);border-color:rgba(226,125,111,.4);background:var(--ct-neg-soft)}
.ex-band--mid{color:var(--ct-warn);border-color:rgba(220,170,78,.4);background:var(--ct-warn-soft)}
.ex-av{display:flex;flex-wrap:wrap;gap:4px}
.ex-av-i{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1;padding:4px 7px 4px 5px;border-radius:var(--ct-r-sm);border:1px solid var(--ct-border);color:var(--ct-text-2);white-space:nowrap;transition:border-color var(--ct-dur-fast) var(--ct-ease),color var(--ct-dur-fast) var(--ct-ease)}
.ex-av-i:hover{border-color:var(--ct-accent);color:var(--ct-text)}
.ex-av-i svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ex-av-R svg{color:var(--ct-accent)}.ex-av-C svg{color:var(--ct-series-5)}.ex-av-V svg{color:var(--ct-series-3)}.ex-av-P{color:var(--ct-warn);border-color:rgba(220,170,78,.35)}
.ex-av-none{font-size:12px;color:var(--ct-text-4)}
.ex-rep{color:var(--ct-text);font-weight:500;display:block;max-width:44ch}
.ex-rep:hover{color:var(--ct-accent-strong)}
.ex-pred{color:var(--ct-text)}
.ex-sl{display:inline-block;font-size:12px;margin:0 6px 2px 0;white-space:nowrap}
.ex-yes{color:var(--ct-pos);font-weight:500}
.ex-yes::before{content:"\2713 "}
.ex-exp{display:none}
.ex-more{display:none}
.ex-more dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--ct-s3) var(--ct-s5)}
.ex-more dt{font-size:11.5px;color:var(--ct-text-3);margin-bottom:2px}
.ex-more dd{margin:0;font-size:13px}
.ex-more .ex-open{grid-column:1/-1}
.ex-pager{border-top:0}
.ex-pg{display:inline-flex;gap:6px}
.ex-pg .ct-btn[disabled]{opacity:.4;cursor:default}
.ex-about{margin-top:var(--ct-s8)}
.ex-about dl{margin:0 0 var(--ct-s4);display:grid;gap:var(--ct-s3)}
.ex-about dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--ct-s4);font-size:13.5px}
.ex-about dt{color:var(--ct-text);font-weight:500}
.ex-about dd{margin:0;color:var(--ct-text-2);max-width:86ch}
.ex-noscript{columns:3 220px;font-size:13px;padding:var(--ct-s4) var(--ct-s5);margin:0}

/* score indicator (same semantics as the screener: numeral + bar; dashed = partial; amber caption = stale/partial) */
.sc{display:inline-grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;min-width:86px;color:var(--ct-text)}
.sc b{font-weight:600;text-align:right;font-size:13.5px}
.sc i{display:block;height:3px;background:var(--ct-surface-3);border-radius:2px;position:relative;overflow:hidden}
.sc i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);background:var(--ct-accent);border-radius:2px}
.sc small{grid-column:1/-1;font-size:10.5px;color:var(--ct-text-3);line-height:1.25;white-space:nowrap}
.sc.na{color:var(--ct-text-4)}.sc.na b{font-weight:400}
.sc.stale small{color:var(--ct-warn)}
.sc.partial b{color:var(--ct-text-3);font-weight:500}
.sc.partial i::after{background:repeating-linear-gradient(90deg,var(--ct-text-3) 0 3px,transparent 3px 6px)}
.sc.partial small{color:var(--ct-warn)}
a.sc:hover b{color:var(--ct-accent-strong)}
.ct-table td.ex-sc,.ct-table th.ex-sc{padding-left:8px;padding-right:8px}

/* fair-value bar in the screener (graphite version of the legacy .fvb) */
.xp .fvb,.ex .fvb{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:0 6px;position:relative;padding-top:9px;min-width:96px;color:var(--ct-text)}
.xp .fvb:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ct-pos) 0 45%,var(--ct-warn) 45% 55%,var(--ct-neg) 55% 100%);opacity:.55}
.xp .fvb i{position:absolute;top:-3px;left:var(--p,50%);width:2px;height:9px;margin-left:-1px;background:var(--ct-text);border-radius:1px}
.xp .fvb b{font-weight:600;font-size:13px}
.xp .fvb small{font-size:10.5px;color:var(--ct-text-3);white-space:nowrap}
.xp .fvb small.fvd{display:block;font-size:10px}
.xp .fvb-green b{color:var(--ct-pos)}.xp .fvb-red b{color:var(--ct-neg)}.xp .fvb-amber b{color:var(--ct-warn)}
.xp .fvb.na{padding-top:0;min-width:0}.xp .fvb.na:before{display:none}.xp .fvb.na b{color:var(--ct-text-4);font-weight:400}

/* ---------- screener (/research) ---------- */
.xp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ct-s2) var(--ct-s5);padding:var(--ct-s3) 0;border-top:1px solid var(--ct-hairline);border-bottom:1px solid var(--ct-hairline)}
.xp-tools label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ct-text-2)}
.xp-tools input[type=number]{width:70px}
.xp-tools .xp-adv{width:100%;margin:0;border-top:0}
.xp-tools .xp-adv>summary{padding:4px 0;font-size:13px}
.xp-tools .xp-adv>div{display:flex;flex-wrap:wrap;gap:var(--ct-s2) var(--ct-s5);padding:var(--ct-s2) 0 var(--ct-s3)}
.xp-tools .count{margin-left:auto;font-size:13px;color:var(--ct-text-3)}
.xp-table{min-width:1180px}
.xp-table td{vertical-align:top}
.xp-table td .tk{font-family:var(--ct-font-mono);font-size:12.5px;color:var(--ct-accent)}
.xp-about{margin-top:var(--ct-s4)}
.xp-about-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:var(--ct-s8);padding:0 0 var(--ct-s5)}
.xp-about-body p{font-size:13.5px;color:var(--ct-text-2);max-width:78ch}
.xp-about .evidence{border:0;padding:0}
.xp-about .evidence dl>div{border-top:1px solid var(--ct-hairline)}
.xp-note{font-size:12.5px;color:var(--ct-text-3);max-width:110ch;margin:var(--ct-s3) 0 0}

/* ---------- shortlists (/ideas) ---------- */
.ix-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ct-border);border:1px solid var(--ct-border);border-radius:var(--ct-r-lg);overflow:hidden;margin:var(--ct-s5) 0 var(--ct-s8)}
.ix-index a{display:block;background:var(--ct-surface-1);padding:var(--ct-s3) var(--ct-s4);color:var(--ct-text);transition:background var(--ct-dur-fast) var(--ct-ease)}
.ix-index a:hover{background:var(--ct-surface-2)}
.ix-index b{display:block;font-weight:600;font-size:13.5px}
.ix-index span{display:block;font-size:12px;color:var(--ct-text-3);margin-top:2px}
.ix-index span em{font-style:normal;font-family:var(--ct-font-mono);color:var(--ct-text-2)}
.ix-list{margin:0 0 var(--ct-s10);scroll-margin-top:120px}
.ix-list>header{display:block;margin:0 0 var(--ct-s3)}
.ix-list h2{font:600 var(--ct-fs-xl)/1.25 var(--ct-font-ui);margin:0 0 var(--ct-s2)}
.ix-how{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ct-s3);align-items:start;background:var(--ct-surface-1);border:1px solid var(--ct-border);border-radius:var(--ct-r-md);padding:var(--ct-s3) var(--ct-s4);margin:0 0 var(--ct-s3);max-width:none}
.ix-how b{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ct-text-3);font-weight:600;padding-top:2px;white-space:nowrap}
.ix-how>span{margin:0;color:var(--ct-text-2);font-size:14px}
.ix-links{display:flex;flex-wrap:wrap;gap:var(--ct-s2) var(--ct-s4);font-size:13px;margin:0 0 var(--ct-s3)}
.picks{list-style:none;margin:0;padding:0;border:1px solid var(--ct-border);border-radius:var(--ct-r-lg);background:var(--ct-surface-1);counter-reset:pick}
.picks li{display:grid;grid-template-columns:28px minmax(170px,1.5fr) 76px minmax(90px,.7fr) minmax(120px,.9fr) minmax(130px,1fr) auto;gap:var(--ct-s3);align-items:baseline;padding:10px var(--ct-s4);border-top:1px solid var(--ct-hairline);font-size:13.5px;counter-increment:pick;transition:background var(--ct-dur-fast) var(--ct-ease)}
.picks li:first-child{border-top:0}
.picks li:hover{background:var(--ct-surface-2)}
.picks li::before{content:counter(pick);color:var(--ct-text-4);font-size:12px;text-align:right}
.ix-co{min-width:0}
.ix-co a{color:var(--ct-text)}
.ix-co a b{font:600 12.5px var(--ct-font-mono);color:var(--ct-accent);margin-right:8px}
.ix-co a:hover .ix-nm{color:var(--ct-accent-strong)}
.ix-co .ix-ind{display:block;font-size:11.5px;color:var(--ct-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-score{font-weight:600;color:var(--ct-text);white-space:nowrap}
.ix-cell{color:var(--ct-text-2);white-space:nowrap}
.ix-cell .soft,.ix-cell.soft{color:var(--ct-text-3)}
.ix-src{display:flex;gap:10px;font-size:12.5px;white-space:nowrap}
.ix-stale{color:var(--ct-warn)}
.ix-empty{color:var(--ct-text-3)}
.ix-handoff{margin-top:var(--ct-s8)}
.ix-handoff .askai{border-color:var(--ct-border)!important;background:var(--ct-surface-1)}
.ix-handoff .askai a,.ix-handoff .askai button{border-color:var(--ct-border-strong)!important}
.ix-handoff .askai textarea{background:var(--ct-surface-2)!important;color:var(--ct-text)}

/* ---------- method pages (/p/<strategy>) ---------- */
.ph-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:var(--ct-s10);align-items:start;margin-top:var(--ct-s6)}
.ph-grid>*{min-width:0;margin:0}
.ph-rules{font-size:14px;color:var(--ct-text-2);line-height:1.6}
.ph-rules h1{font:600 var(--ct-fs-lg)/1.3 var(--ct-font-ui);margin:0 0 var(--ct-s3);color:var(--ct-text)}
.ph-rules h2,.ph-rules h3{font:600 15px/1.35 var(--ct-font-ui);margin:var(--ct-s6) 0 var(--ct-s2);color:var(--ct-text)}
.ph-rules p,.ph-rules li{max-width:80ch}
.ph-rules strong{color:var(--ct-text)}
.ph-rules code{font:12.5px var(--ct-font-mono);background:var(--ct-surface-2);padding:1px 5px;border-radius:3px;color:var(--ct-text)}
.ph-rules table{font-size:12.5px;margin:var(--ct-s3) 0;display:block;overflow-x:auto}
.ph-rules th,.ph-rules td{padding:8px 10px;border-bottom:1px solid var(--ct-hairline);vertical-align:top;white-space:normal}
.ph-top h2,.ph-rules-h{font:600 var(--ct-fs-lg)/1.3 var(--ct-font-ui);margin:0 0 var(--ct-s2)}
.ph-top .ct-table td,.ph-top .ct-table th{padding:8px 10px}
.ph-top{position:sticky;top:120px}
.ph-sum{margin:var(--ct-s5) 0 0}

/* ---------- score sheet (/s/<T>) ---------- */
.ss .xp-head h1 .tk{font-family:var(--ct-font-mono);font-size:.8em;color:var(--ct-accent);margin-right:10px}
.ss-hub{display:flex;align-items:center;gap:var(--ct-s4);flex-wrap:wrap;background:var(--ct-surface-1);border:1px solid var(--ct-border);border-radius:var(--ct-r-lg);padding:var(--ct-s3) var(--ct-s4);margin:var(--ct-s4) 0 var(--ct-s5);font-size:13.5px;color:var(--ct-text-2)}
.ss-hub p{margin:0;flex:1 1 300px;max-width:none}
.ss-toc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--ct-s5);padding:0;list-style:none;font-size:12.5px}
.ss-toc a{display:inline-block;padding:5px 10px;border:1px solid var(--ct-border);border-radius:var(--ct-r-pill);color:var(--ct-text-2)}
.ss-toc a:hover{border-color:var(--ct-accent);color:var(--ct-text)}
.ss section{scroll-margin-top:120px}
.ss section>header h2{font:600 var(--ct-fs-lg)/1.3 var(--ct-font-ui);margin:0}
.ss .summary .big{font:600 24px/1 var(--ct-font-ui)}
.ss .summary .bar{background:var(--ct-surface-3)}
.ss table{font-size:13px}
.ss th{background:var(--ct-bg)}
.ss .pill{border-color:var(--ct-border-strong);color:var(--ct-text-3)}
.ss .scroll{border:1px solid var(--ct-border);border-radius:var(--ct-r-lg);background:var(--ct-surface-1);padding:0 var(--ct-s3)}
.ss .scroll th{background:var(--ct-surface-1)}
.ss .scroll td,.ss .scroll th{padding-left:10px}
.ss details>summary{padding:10px 0}

/* ---------- responsive ---------- */
@media (max-width:1100px){.ix-index{grid-template-columns:repeat(2,minmax(0,1fr))}.picks li{grid-template-columns:24px minmax(150px,1.6fr) 70px minmax(90px,.8fr) minmax(120px,1fr)}.picks .ix-src,.picks .ix-age{grid-column:2/-1}.ph-grid{grid-template-columns:1fr}.ph-top{position:static}}
@media (max-width:760px){
  .ex-head h1,.xp-head h1{font-size:24px}
  .ex-bar{gap:var(--ct-s2)}
  .ex-search{flex:1 1 100%;max-width:none}
  .ex-search input{height:42px;font-size:16px}
  .ex-views{width:100%;overflow-x:auto;scrollbar-width:none}
  .ex-views button{height:36px;flex:0 0 auto}
  .ex-presets{width:100%}
  .ex-presets>summary{width:100%;justify-content:center;height:40px}
  .ex-menu{left:0;right:auto;width:100%}
  .ex-menu li{grid-template-columns:1fr auto auto auto}
  .ex-menu li a{padding:10px 8px}
  .ex-filters{gap:var(--ct-s2)}
  .ex-field{width:100%;justify-content:space-between}
  .ex-field select{flex:1;max-width:none;height:40px}
  .ex-toggles{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 var(--ct-s3)}
  .ex-toggles .ct-check{min-height:40px}
  .ex-active .ct-chip{height:40px}
  .ex-clear{min-height:40px}
  .ex-table{min-width:0;table-layout:auto}
  .ex-table .ex-x{display:none}
  .ex-table td:first-child{min-width:0;max-width:none;padding-right:44px}
  .ex-table td,.ex-table th{padding:10px 8px}
  .ex-table td:first-child,.ex-table th:first-child{padding-left:12px}
  .ex-table td:first-child .ex-sub{padding-left:0}
  .ex-co{flex-direction:column;gap:0}
  .ex-tk{min-width:0}
  .ex-av-i{font-size:0;padding:5px;gap:0}
  .ex-av-i svg{width:15px;height:15px}
  .ex-exp{display:block;position:absolute;right:4px;top:6px;width:40px;height:40px;border:0;background:none;cursor:pointer;color:var(--ct-text-3);border-radius:var(--ct-r-md)}
  .ex-exp::before{content:"";position:absolute;left:16px;top:14px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--ct-dur-panel) var(--ct-ease)}
  .ex-exp[aria-expanded=true]::before{transform:translateY(4px) rotate(-135deg)}
  .ex-exp:focus-visible{outline:2px solid var(--ct-accent);outline-offset:-2px}
  .ex-more:not([hidden]){display:table-row}
  .ex-more td{background:var(--ct-surface-2);padding:var(--ct-s3) 12px var(--ct-s4)!important;animation:ct-in var(--ct-dur-panel) var(--ct-ease)}
  .ex-more dl{grid-template-columns:1fr 1fr}
  .ex-more .ex-av-i{font-size:12px;padding:4px 7px 4px 5px;gap:4px}
  .ex-pager{justify-content:center}
  .ex-pg .ct-btn{height:40px;min-width:44px;justify-content:center}
  .ex-about dl>div{grid-template-columns:1fr;gap:2px}
  .xp-tools label{width:100%;justify-content:space-between}
  .xp-tools label input:not([type=checkbox]),.xp-tools select{flex:1;max-width:none;height:40px}
  .xp-tools label:has(input[type=checkbox]){justify-content:flex-start;min-height:40px}
  .xp-about-body{grid-template-columns:1fr}
  .ix-index{grid-template-columns:1fr 1fr}
  .ix-how{grid-template-columns:1fr;gap:4px}
  .picks li{grid-template-columns:20px minmax(0,1fr) auto;gap:2px var(--ct-s3);padding:10px 12px}
  .picks li>*:not(.ix-co):not(.ix-score){grid-column:2/-1;white-space:normal}
  .picks .ix-src{gap:var(--ct-s4)}
  .picks .ix-src a{display:inline-block;padding:6px 0}
  .ss .summary{min-width:760px}
}

/* refinements */
.ex-sub.ct-warn,.ex-sub .ct-warn{color:var(--ct-warn)}
.ix-empty.ct-empty{text-align:left;padding:var(--ct-s4);border:1px dashed var(--ct-border);border-radius:var(--ct-r-lg);max-width:none;margin:0}
.ph-top td:nth-child(4){white-space:nowrap}
.xp .machine,.ex .machine{max-width:none}
.xp-table td:nth-child(2) a{color:var(--ct-text)}
.xp-table td:nth-child(2) a:hover{color:var(--ct-accent-strong)}
.ex-table .sc{min-width:92px}
.ex-table .sc small{white-space:normal}
@media (max-width:760px){
  .ex-bar{display:grid;grid-template-columns:1fr 1fr}
  .ex-search,.ex-views{grid-column:1/-1}
  .ex-views{display:grid;grid-template-columns:repeat(4,1fr)}
  .ex-views button{justify-content:center;padding:0 4px}
  .ex-ftoggle{height:40px;justify-content:center;width:100%}
  .ex-ftoggle .ex-fn{color:var(--ct-accent)}
  .ex-presets{width:auto;position:static}
  .ex-bar{position:relative}
  .ex-filters{display:none}
  .ex-filters.is-open{display:flex;animation:ct-in var(--ct-dur-panel) var(--ct-ease)}
  .ex-field select{min-width:0}
  .ex-field{flex-wrap:nowrap}
}
.ex-iconkey{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:11.5px;color:var(--ct-text-3);margin:0 0 var(--ct-s2)}
.ex-iconkey .ex-av-i{font-size:11.5px;padding:3px 6px 3px 4px;gap:4px}
.xp-tools select,.xp-tools input{min-width:0}
.xp-key{border-top:0}
.xp-key .xp-note{margin:0 0 var(--ct-s3)}
.xp-table th:first-child,.xp-table td:first-child{position:sticky;left:0;z-index:2;background:var(--ct-surface-1)}
.xp-table thead th:first-child{z-index:3}
.xp-table tbody tr:hover td:first-child{background:var(--ct-surface-2)}
@media (max-width:760px){.xp-table th:nth-child(3),.xp-table td:nth-child(3){display:none}.xp-table{min-width:1000px}}
@media (max-width:760px){.ix-list,.ss section{scroll-margin-top:160px}.picks li>.ix-cell{display:inline}}