/* Scanner de Trading Latam · rediseño 11-nov-2026 (pedido de William: estilo Finviz, video en el hero,
   gráfico en primera plana, logos en las oportunidades, gratis vs Pro claro).
   Geist + Geist Mono para cifras. Naranja TL #E65F0B solo para acción. */
:root{
  --sc-font:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sc-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sc-ink:#141413; --sc-text:#5f5f5a; --sc-line:#e2e2dc; --sc-soft:#f5f5f2; --sc-paper:#fdfdfc;
  --sc-night:#0c0e12; --sc-night-2:#151821; --sc-night-line:rgb(255 255 255 / 12%); --sc-night-text:#a9adb8;
  --sc-orange:#E65F0B; --sc-orange-dk:#c94f05; --sc-up:#16804f; --sc-down:#c4362a;
  --sc-up-n:#3ecf8e; --sc-down-n:#ff6b5e;
  --sc-r:8px;
}
*{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body.sc{margin:0;background:var(--sc-soft);color:var(--sc-ink);font-family:var(--sc-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.sc h1,body.sc h2,body.sc h3{margin:0;color:inherit;font-family:var(--sc-font);letter-spacing:-.015em}
body.sc button{font:inherit;cursor:pointer}
[hidden]{display:none!important}
.sc-muted{color:var(--sc-text);margin:0}
.num,.sc-mono{font-family:var(--sc-mono);font-variant-numeric:tabular-nums}

/* Botones */
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--sc-r);border:1px solid transparent;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,transform .12s cubic-bezier(.25,1,.5,1)}
.sc-btn:active{transform:translateY(1px)}
.sc-btn-primary{background:var(--sc-orange);color:#fff}
.sc-btn-primary:hover{background:var(--sc-orange-dk)}
.sc-btn-line{background:transparent;color:#fff;border-color:rgb(255 255 255 / 35%)}
.sc-btn-line:hover{border-color:#fff}
.sc-btn-ghost{background:var(--sc-paper);color:var(--sc-ink);border-color:var(--sc-line)}
.sc-btn-ghost:hover{border-color:var(--sc-ink)}
.sc-btn-block{width:100%}
.sc-btn:focus-visible,.sc-link:focus-visible,.sc-login-link:focus-visible,.sc-row:focus-visible,.sc-x:focus-visible{outline:2px solid var(--sc-orange);outline-offset:2px}
.sc-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sc-login-link{display:inline-block;margin-top:12px;padding:0;border:0;background:none;color:inherit;opacity:.75;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.sc-login-link:hover{opacity:1}

/* Hero con video */
.sc-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sc-night);color:#fff}
.sc-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}
.sc-hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(8 10 14 / 92%) 0%,rgb(8 10 14 / 78%) 45%,rgb(8 10 14 / 45%) 100%),linear-gradient(0deg,rgb(8 10 14 / 95%) 0%,transparent 40%)}
.sc-hero-in{width:min(1280px,100% - 32px);margin:0 auto;padding:40px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:end}
.sc-hero h1{font-size:clamp(28px,3.4vw,44px);line-height:1.05;font-weight:700;letter-spacing:-.03em}
.sc-lead{margin:12px 0 22px;font-size:17px;line-height:1.5;color:#d4d7de;max-width:52ch}
.sc-lead strong{color:#fff}
.sc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.sc-active{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--sc-r);background:rgb(62 207 142 / 14%);color:var(--sc-up-n);font-weight:600}
.sc-active i{font-size:20px}

.sc-today{background:rgb(12 14 18 / 88%);border:1px solid var(--sc-night-line);border-radius:10px;padding:16px}
.sc-today-head{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;color:var(--sc-night-text);font-size:14px}
.sc-today-head strong{font-family:var(--sc-mono);font-size:34px;line-height:1;font-weight:600;color:#fff;letter-spacing:-.02em}
.sc-today-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sc-today-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--sc-night-line);font-size:14px}
.sc-today-list li:first-child{border-top:0}
.sc-today-list i{font-size:18px;color:var(--sc-night-text)}
.sc-today-list .n{font-family:var(--sc-mono);font-weight:600}
.sc-today-list img{height:16px;width:auto;max-width:70px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
.sc-today-list .sc-skel{height:34px;background:rgb(255 255 255 / 6%);border-radius:6px;border:0}

/* Cinta de mercado */
.sc-tape-wrap{border-top:1px solid var(--sc-night-line);background:rgb(8 10 14 / 70%)}
.sc-tape{list-style:none;margin:0 auto;padding:0;width:min(1280px,100% - 32px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.sc-tape li{padding:12px 14px;border-left:1px solid var(--sc-night-line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:baseline}
.sc-tape li:first-child{border-left:0;padding-left:0}
.sc-tape .k{grid-column:1/-1;font-size:12px;color:var(--sc-night-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-tape .v{font-family:var(--sc-mono);font-size:16px;font-weight:600}
.sc-tape .c{font-family:var(--sc-mono);font-size:13px}
.sc-tape .read{grid-column:1/-1;font-size:12px;color:var(--sc-night-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-tape .up{color:var(--sc-up-n)} .sc-tape .down{color:var(--sc-down-n)}
.sc-tape .sc-skel{height:66px;background:transparent}
.sc-tape .sc-skel::after{content:"";display:block;height:100%;border-radius:6px;background:rgb(255 255 255 / 5%)}

/* Secciones */
.sc-main{width:min(1280px,100% - 32px);margin:0 auto;padding:28px 0 56px}
.sc-sec{margin-top:36px}
.sc-sec:first-child{margin-top:0}
.sc-sec-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}
.sc-sec-head h2{font-size:22px;font-weight:700}
.sc-sec-note{margin-left:auto;font-size:13px;color:var(--sc-text)}
.sc-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600}
.sc-badge.free{background:#e3f3ea;color:var(--sc-up)}
.sc-badge.pro{background:#fde9dc;color:#a8430a}
.sc-badge i{font-size:14px}

/* Gráfico */
#panel-grafico{padding:0!important;font-family:var(--sc-font)}
#panel-grafico .chart-canvas{min-height:440px}

/* Tabla de oportunidades */
.sc-table-wrap{background:var(--sc-paper);border:1px solid var(--sc-line);border-radius:10px;overflow-x:auto}
.sc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
.sc-table th{position:sticky;top:0;background:var(--sc-soft);text-align:left;font-weight:600;font-size:12px;color:var(--sc-text);padding:9px 12px;border-bottom:1px solid var(--sc-line);white-space:nowrap}
.sc-table td{padding:10px 12px;border-bottom:1px solid var(--sc-line);white-space:nowrap;vertical-align:middle}
.sc-table tbody tr:last-child td{border-bottom:0}
.sc-table .num{text-align:right}
.sc-row{cursor:pointer;transition:background-color .12s ease}
.sc-row:hover{background:#fbf3ec}
.sc-asset{display:flex;align-items:center;gap:10px;font-weight:600}
.sc-asset small{display:block;font-weight:400;font-size:12px;color:var(--sc-text)}
.sc-logo{position:relative;flex:none;width:28px;height:28px;border-radius:7px;background:#fff;border:1px solid var(--sc-line);display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:700;color:var(--sc-text)}
.sc-logo img{width:100%;height:100%;object-fit:contain;padding:3px}
.sc-logo.fx{background:none;border:0;overflow:visible}
.sc-logo.fx img{position:absolute;width:20px;height:20px;padding:0;border-radius:50%;object-fit:cover;border:2px solid var(--sc-paper)}
.sc-logo.fx img:first-child{left:-2px;top:-2px}
.sc-logo.fx img:last-child{right:-2px;bottom:-2px}
.sc-mkt{display:inline-flex;align-items:center;gap:6px;color:var(--sc-text)}
.sc-dir{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.sc-dir.long{color:var(--sc-up)} .sc-dir.short{color:var(--sc-down)}
.sc-status{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;background:var(--sc-soft);font-size:12px;color:var(--sc-text)}
.sc-status.abierta{background:#e7effc;color:#1d4fa0}
.sc-status.objetivo{background:#e3f3ea;color:var(--sc-up)}
.sc-status.stop{background:#fbe7e5;color:var(--sc-down)}
.sc-blk{display:inline-block;filter:blur(5px);user-select:none;color:var(--sc-ink)}
.sc-lockcell{display:inline-flex;align-items:center;gap:6px;color:#a8430a;font-size:12px;font-weight:600}
.sc-bk img{height:18px;width:auto;max-width:84px;object-fit:contain;vertical-align:middle}
.sc-bk a{color:var(--sc-ink);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.sc-bk a:hover{text-decoration:underline}
.sc-skel-row td{height:48px;background:linear-gradient(90deg,var(--sc-soft),#ececE6,var(--sc-soft));background-size:200% 100%;animation:sc-sh 1.4s linear infinite}
@keyframes sc-sh{to{background-position:-200% 0}}
.sc-empty{padding:28px 16px;text-align:center;color:var(--sc-text)}
.sc-empty strong{display:block;color:var(--sc-ink);margin-bottom:4px}
.sc-error{display:flex;flex-direction:column;align-items:center;gap:10px}

.sc-unlock{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;padding:14px 16px;border-radius:10px;background:var(--sc-ink);color:#fff}
.sc-unlock p{margin:0;flex:1 1 320px;color:#c9ccd3}
.sc-unlock p strong{color:#fff}
.sc-unlock .sc-login-link{margin:0}

/* Gratis vs Pro */
.sc-plans{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.sc-compare{width:100%;border-collapse:collapse;background:var(--sc-paper);border:1px solid var(--sc-line);border-radius:10px;overflow:hidden;font-size:14px}
.sc-compare th,.sc-compare td{padding:11px 14px;border-bottom:1px solid var(--sc-line);text-align:center}
.sc-compare tbody th{text-align:left;font-weight:500}
.sc-compare thead th{font-size:13px;font-weight:700;background:var(--sc-soft)}
.sc-compare thead th small{display:block;font-weight:500;color:var(--sc-text);font-size:12px}
.sc-compare td i{font-size:18px;color:var(--sc-up)}
.sc-compare .pro{background:#fff7f1}
.sc-compare thead .pro{background:#fde9dc;color:#a8430a}
.sc-compare tr.hl th{font-weight:600}
.sc-compare .dash{color:#b4b4ad;font-family:var(--sc-mono)}
.sc-compare tbody tr:last-child th,.sc-compare tbody tr:last-child td{border-bottom:0}
.sc-plans-why{background:var(--sc-ink);color:#fff;border-radius:10px;padding:20px}
.sc-plans-why h3{font-size:18px;font-weight:700;margin-bottom:14px}
.sc-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.sc-steps li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:baseline;padding-top:12px;border-top:1px solid var(--sc-night-line)}
.sc-steps li:first-child{border-top:0;padding-top:0}
.sc-steps strong{font-family:var(--sc-mono);font-size:20px;font-weight:600;color:var(--sc-orange)}
.sc-steps span{font-size:14px;color:#c9ccd3}
.sc-fine{margin:10px 0 0;font-size:12px;color:var(--sc-night-text)}

/* Resultados */
.sc-showcase .sc-table{min-width:560px}
.sc-show-sum{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.sc-show-sum span{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--sc-paper);border:1px solid var(--sc-line)}
.sc-r{font-family:var(--sc-mono);font-weight:600}
.sc-r.up{color:var(--sc-up)} .sc-r.down{color:var(--sc-down)}

/* Brokers */
.sc-broker-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sc-line);border:1px solid var(--sc-line);border-radius:10px;overflow:hidden}
.sc-broker-list li{background:var(--sc-paper);padding:16px;display:flex;flex-direction:column;gap:8px}
.sc-broker-list img{height:26px;width:auto;max-width:130px;object-fit:contain;object-position:left center}
.sc-broker-list .m{margin:0;font-size:13px;color:var(--sc-text);flex:1}
.sc-broker-list a{font-size:14px;font-weight:600;color:var(--sc-orange);text-decoration:none}
.sc-broker-list a:hover{text-decoration:underline}
.sc-legal{margin:28px 0 0;font-size:12px;color:var(--sc-text)}

/* Diálogos */
.sc-dialog{width:min(560px,100% - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:10px;background:var(--sc-paper);color:var(--sc-ink);box-shadow:0 24px 64px rgb(20 20 19 / 25%);overflow:auto;font-family:var(--sc-font)}
.sc-detail{width:min(880px,100% - 24px)}
.sc-dialog::backdrop{background:rgb(12 14 18 / 60%)}
.sc-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--sc-paper);border-bottom:1px solid var(--sc-line)}
.sc-dialog-head h2{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}
.sc-x{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--sc-line);border-radius:var(--sc-r);background:var(--sc-paper);font-size:20px;color:var(--sc-ink)}
#sc-detail-body,.sc-login form,#sc-login-buy{padding:18px}
.sc-login form{display:flex;flex-direction:column;gap:14px}
.sc-login label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.sc-login input{min-height:44px;padding:0 12px;border:1px solid var(--sc-line);border-radius:var(--sc-r);font:inherit;font-size:16px;color:var(--sc-ink);background:#fff}
.sc-login input:focus{outline:2px solid var(--sc-orange);outline-offset:0;border-color:transparent}
.sc-form-msg{margin:0;min-height:1.5em;font-size:14px;color:var(--sc-down)}
#sc-login-buy{border-top:1px solid var(--sc-line);display:flex;flex-direction:column;gap:12px}
#sc-login-buy p{margin:0;font-weight:600}
.sc-d-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sc-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--sc-line);border:1px solid var(--sc-line);border-radius:var(--sc-r);overflow:hidden}
.sc-levels div{background:var(--sc-paper);padding:10px 12px}
.sc-levels dt{font-size:12px;color:var(--sc-text)}
.sc-levels dd{margin:0;font-family:var(--sc-mono);font-size:17px;font-weight:600}
.sc-d-chart{height:340px;border:1px solid var(--sc-line);border-radius:var(--sc-r);overflow:hidden;background:#fff;position:relative;margin-top:14px}
.sc-d-chart .sc-muted{position:absolute;inset:0;display:grid;place-items:center}
.sc-d-legend{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 18px;font-size:13px;color:var(--sc-text)}
.sc-d-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.sc-d-why h3{font-size:15px;font-weight:700;margin:0 0 8px}
.sc-d-why ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px}
.sc-d-why li{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;background:var(--sc-soft);border-radius:var(--sc-r);font-size:14px}
.sc-d-why li i{color:var(--sc-up);font-size:19px;flex:none}

@media (prefers-reduced-motion:reduce){.sc-hero-video{display:none}.sc-hero{background:var(--sc-night) url(/scanner/app/hero.jpg) 50% 40%/cover}.sc-skel-row td{animation:none}}
@media (max-width:1000px){
  .sc-hero-in{grid-template-columns:1fr;gap:20px;padding-top:28px}
  .sc-tape{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-tape li:nth-child(4){border-left:0;padding-left:0}
  .sc-tape li:nth-child(n+4){border-top:1px solid var(--sc-night-line)}
  .sc-plans{grid-template-columns:1fr}
  .sc-broker-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .sc-lead{font-size:15px}
  .sc-cta .sc-btn{width:100%}
  .sc-tape{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-tape li{border-left:1px solid var(--sc-night-line)!important;padding-left:12px!important}
  .sc-tape li:nth-child(odd){border-left:0!important;padding-left:0!important}
  .sc-tape li:nth-child(n+3){border-top:1px solid var(--sc-night-line)}
  .sc-sec-note{margin-left:0;width:100%}
  #panel-grafico .chart-canvas{min-height:340px}
  .sc-compare th,.sc-compare td{padding:10px 8px}
  .sc-steps li{grid-template-columns:80px minmax(0,1fr)}
  .sc-d-chart{height:260px}
  .sc-broker-list{grid-template-columns:1fr}
}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* El hero pasa por debajo de la barra de la web: sin franja clara arriba */
body.sc tl-global-nav{position:relative;z-index:20}
.sc-hero{margin-top:calc(-1 * var(--sc-nav-h,86px))}
.sc-hero-in{padding-top:calc(var(--sc-nav-h,86px) + 36px)}
@media (max-width:1000px){.sc-hero-in{padding-top:calc(var(--sc-nav-h,86px) + 24px)}}
.sc-sec{scroll-margin-top:110px}
.sc-steps li{grid-template-columns:128px minmax(0,1fr)}
.sc-steps strong{white-space:nowrap}
.sc-bk img{height:20px}
.sc-bk img[alt="Vantage"],.sc-today-list img[alt="en Vantage"]{height:30px;max-width:96px}

/* 11-nov · el porqué completo (panel lateral) y la muestra gratis de ayer */
.sc-row-sample{background:#f2faf5}
.sc-row-sample:hover{background:#e6f5ec}
.sc-sample-tag{display:block;margin-top:2px;font-size:11px;font-weight:600;color:var(--sc-up)}
.sc-row-locked{cursor:pointer}
.sc-detail{margin:0 0 0 auto;width:min(720px,100%);height:100dvh;max-height:100dvh;border-radius:0}
.sc-detail[open]{animation:sc-in .28s cubic-bezier(.22,1,.36,1)}
@keyframes sc-in{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
.sc-d-block{padding:16px 0;border-top:1px solid var(--sc-line)}
.sc-d-block h3{font-size:13px;font-weight:600;color:var(--sc-text);margin:0 0 10px}
.sc-d-lead{border-top:0;padding-top:4px}
.sc-d-ai{margin:0;font-size:16px;line-height:1.55;color:var(--sc-ink);max-width:62ch}
.sc-dots{color:var(--sc-text)}
.sc-dots::after{content:"…";animation:sc-blink 1.2s steps(3) infinite}
@keyframes sc-blink{50%{opacity:.2}}
.sc-d-samplenote{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 12px;border-radius:var(--sc-r);background:#e3f3ea;color:var(--sc-up);font-size:13px;font-weight:600}
.sc-levels-sub{margin-top:8px}
.sc-levels dd.up{color:var(--sc-up)} .sc-levels dd.down{color:var(--sc-down)}
.sc-d-rules{margin:10px 0 0;padding-left:18px;font-size:13px;color:var(--sc-text);display:grid;gap:3px}
.sc-d-why li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--sc-soft);border-radius:var(--sc-r);font-size:14px}
.sc-d-why li p{margin:2px 0 0;color:var(--sc-text)}
.sc-d-why li.no i{color:#b4b4ad}
.sc-mono-line{font-family:var(--sc-mono);font-size:13px;color:var(--sc-ink)!important}
.sc-mono-line b{font-weight:600}
.sc-ctx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--sc-line);border:1px solid var(--sc-line);border-radius:var(--sc-r);overflow:hidden}
.sc-ctx div{background:var(--sc-paper);padding:10px 12px}
.sc-ctx dt{font-size:12px;color:var(--sc-text)}
.sc-ctx dd{margin:2px 0 0;font-family:var(--sc-mono);font-size:16px;font-weight:600}
.sc-ctx small{display:block;font-family:var(--sc-font);font-size:11px;font-weight:400;color:var(--sc-text)}
.sc-d-warn{display:flex;gap:8px;align-items:center;margin:10px 0 0;padding:9px 12px;border-radius:var(--sc-r);background:#fff4e0;color:#8a5300;font-size:13px;font-weight:600}
.sc-d-cat{margin-top:10px;padding:10px 12px;border-radius:var(--sc-r);border:1px solid var(--sc-line)}
.sc-d-cat strong{display:flex;align-items:center;gap:6px;font-size:13px}
.sc-d-cat.bullish strong{color:var(--sc-up)} .sc-d-cat.bearish strong{color:var(--sc-down)}
.sc-d-cat p{margin:4px 0 0;font-size:14px}
.sc-d-cat details{margin-top:6px;font-size:12px;color:var(--sc-text)}
.sc-d-cat ul{margin:6px 0 0;padding-left:18px}
#sc-d-company p{margin:0 0 4px}
.sc-fine-d{margin:14px 0 0;font-size:11px;color:var(--sc-text)}
.sc-d-preview{list-style:none;margin:14px 0 18px;padding:0;counter-reset:p;display:grid;gap:1px;background:var(--sc-line);border:1px solid var(--sc-line);border-radius:var(--sc-r);overflow:hidden}
.sc-d-preview li{counter-increment:p;background:var(--sc-paper);padding:11px 12px 11px 44px;position:relative;display:flex;flex-direction:column}
.sc-d-preview li::before{content:counter(p);position:absolute;left:14px;top:11px;font-family:var(--sc-mono);font-weight:600;color:var(--sc-orange)}
.sc-d-preview span{font-size:13px;color:var(--sc-text)}
#sc-detail .sc-login-link{color:var(--sc-ink);display:block;margin:12px auto 0}
@media (max-width:640px){.sc-ctx{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-detail{width:100%}}
@media (prefers-reduced-motion:reduce){.sc-detail[open]{animation:none}.sc-dots::after{animation:none}}