/* Atlas — Discover v2. Black page; the volume stripe is the one loud element, everything else stays quiet. */
body.dz-page{background:#000}
.dz{max-width:1360px;margin:0 auto;padding:22px 22px 90px;--dz-line:rgba(255,255,255,.09);--dz-line-2:rgba(255,255,255,.16);--dz-panel:#0A0A0E;--dz-panel-2:#111118}
.dz .field{background:var(--dz-panel);border-color:var(--dz-line-2)}
/* headline */
.dz-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.dz-head h1{margin:0;font-family:inherit;font-size:clamp(24px,3.2vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.08}
.dz-head h1 b{color:var(--gold-ink);font-weight:700}
.dz-head p{margin:8px 0 0;color:var(--ink-2);font-size:var(--fs-15,15px)}
.dz-head p b{font-weight:600;color:var(--ink)}
.dz-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dz-controls .field{min-height:38px}
.dz-controls label.field{display:flex;align-items:center;gap:8px;padding:0 10px;min-width:220px}
.dz-controls label.field svg{width:16px;height:16px;color:var(--ink-3);flex:0 0 auto}
.dz-controls label.field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--ink);font:inherit}
/* volume stripe */
.dz-stripe{margin:4px 0 20px}
.dz-stripe-bar{display:flex;height:34px;border-radius:9px;overflow:hidden;gap:2px;background:var(--dz-panel)}
.dz-stripe-bar span{display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;color:#0B0B10;min-width:0;cursor:pointer;transition:flex .6s cubic-bezier(.2,.7,.2,1),opacity .2s}
.dz-stripe-bar span small{font-weight:500;opacity:.75;margin-left:6px}
.dz-stripe-bar span:hover{opacity:.85}
.dz-stripe-bar span.on{box-shadow:inset 0 0 0 2px #fff}
.dz-stripe-bar .stripe-empty{color:var(--ink-3);cursor:default;background:transparent}
.dz-stripe-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;color:var(--ink-3);font-size:var(--fs-12,12px)}
.dz-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--dz-line);border-radius:8px}
.dz-seg button{appearance:none;border:0;background:transparent;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:600;color:var(--ink-3);cursor:pointer;font-family:inherit}
.dz-seg button.on{background:var(--dz-panel-2);color:#fff}
/* stock tiles */
.dz-tiles{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;margin-bottom:14px}
.dz-tiles::-webkit-scrollbar{display:none}
.dz-tile{appearance:none;font:inherit;flex:0 0 auto;width:150px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-panel);color:var(--ink);padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer}
.dz-tile:hover{border-color:var(--dz-line-2)}
.dz-tile.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.dz-tile.dz-all{background:var(--dz-panel-2)}
.dz-t{display:flex;align-items:center;gap:8px;min-width:0}
.dz-t b{font-size:var(--fs-14,14px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-slogo{width:26px;height:26px;border-radius:50%;background:#fff;object-fit:cover;flex:0 0 auto;display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:#000}
.dz-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--ink-3)}
.dz-row strong{color:#fff;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.dz-row .up,.dz-row .down{background:transparent;padding:0}
.dz-heat{height:3px;border-radius:2px;background:var(--dz-panel-2);overflow:hidden}
.dz-heat i{display:block;height:100%;background:var(--gold)}
/* gems */
.dz-gems{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding-bottom:2px}
.dz-gems::-webkit-scrollbar{display:none}
.dz-gems button{appearance:none;font:inherit;flex:0 0 auto;border:1px solid var(--dz-line);border-radius:999px;background:transparent;padding:8px 13px;font-size:13px;color:var(--ink-2);display:inline-flex;gap:8px;align-items:center;white-space:nowrap;cursor:pointer}
.dz-gems button em{font-style:normal;color:var(--ink-3);font-size:12px}
.dz-gems button:hover{border-color:var(--dz-line-2);color:var(--ink)}
.dz-gems button.on{background:#fff;color:#000;border-color:#fff}
.dz-gems button.on em{color:#555}
/* section head */
.dz-sec{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}
.dz-sec h2{margin:0;font-size:var(--fs-18,18px);font-weight:700;letter-spacing:-.01em}
.dz-sec p{margin:4px 0 0;color:var(--ink-2);font-size:var(--fs-13,13px);max-width:70ch}
.dz-count{color:var(--ink-3);font-size:var(--fs-12,12px);font-variant-numeric:tabular-nums;white-space:nowrap}
/* rows: one stonk per line, compact */
.dz-cols{display:grid;grid-template-columns:minmax(0,2fr) 110px 100px 96px 96px 96px 96px;gap:12px;padding:0 12px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.dz-cols span:nth-child(n+3){text-align:right}
.dz-grid{display:flex;flex-direction:column;gap:5px}
.dz-card{display:grid;grid-template-columns:minmax(0,2fr) 110px 100px 96px 96px 96px 96px;gap:12px;align-items:center;padding:7px 12px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-panel);color:inherit;text-decoration:none;min-height:50px;transition:border-color .15s ease,background .15s ease}
.dz-card:hover{border-color:var(--dz-line-2);background:var(--dz-panel-2)}
.dz-card>svg{width:110px;height:32px;justify-self:end}
.dz-top{display:flex;align-items:center;gap:10px;min-width:0}
.dz-lg{position:relative;width:32px;height:32px;flex:0 0 auto}
.dz-lg img:first-child,.dz-lg .dv-logo-fallback{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--dz-panel-2);display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:var(--ink-2)}
.dz-lg .sol-mark,.dz-lg .rh-leaf{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;margin:0;border-radius:50%;background:var(--dz-panel);padding:2px}
.dz-who{min-width:0;line-height:1.2}
.dz-who b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-who small{display:block;color:var(--ink-3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-who small::after{content:" · " attr(data-bb);color:var(--gold-ink)}
.dz-who small[data-bb=""]::after{content:""}
.dz-why{display:block;font-style:normal;font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.dz-move{text-align:right;line-height:1.1}
.dz-chg{display:block;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;background:transparent;padding:0}
.dz-chg.dim{color:var(--ink-3)}
.dz-lab{display:block;font-size:10px;color:var(--ink-3);margin-top:2px}
.dz-price{text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.dz-foot{display:contents;font-size:13px;font-variant-numeric:tabular-nums}
.dz-foot>span{text-align:right;color:var(--ink-3);font-size:0}
.dz-foot>span b{font-size:13px;font-weight:600;color:var(--ink)}
/* earnings strip (reused) and rotation rows */
.ern{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:6px;scrollbar-width:none}
.ern::-webkit-scrollbar{display:none}
.ern button{appearance:none;font:inherit;flex:0 0 auto;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--dz-line);background:var(--dz-panel);border-radius:14px;padding:8px 12px 8px 8px;color:var(--ink);cursor:pointer;max-width:340px}
.ern button:hover{border-color:var(--dz-line-2)}
.ern button.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.ern b{display:block;font-size:13px;font-weight:600;white-space:nowrap}
.ern b em{font-style:normal;font-weight:500;color:var(--gold-ink);margin-left:6px}
.ern small{display:block;color:var(--ink-3);font-size:11px;white-space:nowrap}
.rot{display:flex;flex-direction:column;gap:6px}
.rot-row{display:grid;grid-template-columns:30px minmax(120px,1fr) minmax(140px,2fr) 64px 90px 84px 84px;grid-template-areas:"logo name bar share drift vol yday" ". chips chips chips chips chips chips";gap:4px 14px;align-items:center;padding:10px 12px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-panel);cursor:pointer}
.rot-row:hover{border-color:var(--dz-line-2)}
.rot-row>.dz-slogo{grid-area:logo;width:30px;height:30px}
.rot-name{grid-area:name;min-width:0}
.rot-name strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rot-name small{color:var(--ink-3);font-size:11px}
.rot-bar{grid-area:bar;height:8px;border-radius:4px;background:var(--dz-panel-2);overflow:hidden;position:relative}
.rot-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.rot-share{grid-area:share;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;font-size:14px}
.rot-num{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-2)}
.rot-num:nth-of-type(1){grid-area:drift}.rot-num:nth-of-type(2){grid-area:vol}.rot-num:nth-of-type(3){grid-area:yday}
.rot-num .up,.rot-num .down{background:transparent;padding:0}
.rot-chips{grid-area:chips;display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.rot-chips a{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid var(--dz-line);background:var(--dz-panel-2);color:var(--ink-2);text-decoration:none;font-size:11px}
.rot-chips a:hover{color:var(--ink);border-color:var(--ink-3)}
.rot-chips a b{color:var(--ink);font-weight:600}
.rot-chips img{width:12px;height:12px}
/* phones */
@media(max-width:760px){
  .dz{padding:14px 12px 90px}
  .dz-head{gap:12px;margin-bottom:14px}
  .dz-head p{font-size:14px}
  .dz-controls{width:100%}
  .dz-controls label.field{flex:1 1 100%;min-width:0}
  .dz-controls select.field{flex:1}
  .dz-stripe-bar{height:28px}.dz-stripe-bar span{font-size:11px;padding:0 8px}.dz-stripe-bar span small{display:none}
  .dz-tile{width:130px;padding:10px}
  /* phones: two-line rows */
  #dvChips{display:flex!important}
  .dz-cols{display:none}
  .dz-card{grid-template-columns:minmax(0,1fr) 92px 78px;grid-template-areas:"top spark move" "price foot foot";gap:4px 10px;padding:8px 10px;min-height:0}
  .dz-card>svg{grid-area:spark;width:92px;height:28px}
  .dz-top{grid-area:top}
  .dz-lg{width:30px;height:30px}
  .dz-lg img:first-child,.dz-lg .dv-logo-fallback{width:30px;height:30px}
  .dz-who b{font-size:14px}
  .dz-why{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .dz-move{grid-area:move}
  .dz-chg{font-size:15px}
  .dz-price{grid-area:price;text-align:left;font-size:11px;font-weight:600;color:var(--ink-2);padding-left:40px;white-space:nowrap}
  .dz-foot{grid-area:foot;display:flex;gap:12px;font-size:11px;justify-content:flex-end}
  .dz-foot>span{font-size:11px;text-align:left}
  .dz-foot>span b{font-size:11px}
  .rot-row{grid-template-columns:30px 1fr 56px;grid-template-areas:"logo name share" "bar bar bar" "drift vol yday" "chips chips chips";gap:6px 10px}
  .rot-num{text-align:left;font-size:12px}
  .rot-num::before{content:attr(data-label) " ";color:var(--ink-3)}
  .rot-num:empty{display:none}
}
/* move column: green up, red down, everywhere */
.dz-chg.up,.rot-num .up,.dz-row .up{color:var(--up)!important;background:transparent}
.dz-chg.down,.rot-num .down,.dz-row .down{color:var(--down)!important;background:transparent}
.dz-head p b.up{color:var(--up)}

/* news */
.nw{display:flex;flex-direction:column}
.nw-day{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:12px 6px 6px}
.nw-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 8px;border-top:1px solid var(--dz-line);color:inherit;text-decoration:none}
.nw-row:hover{background:var(--dz-panel-2)}
.nw-time{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.nw-body{min-width:0}
.nw-body b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.nw-body small{display:block;color:var(--ink-3);font-size:11px;margin-top:2px}
.nw-fam{display:flex;align-items:center;gap:8px;white-space:nowrap}
.nw-fam em{font-style:normal;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.nw-fam small{font-size:11px;color:var(--ink-3)}
.nw-fam .up,.nw-fam .down{background:transparent;padding:0}
.nw-chip{appearance:none;font:inherit;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--dz-line);border-radius:999px;background:transparent;color:var(--ink-2);padding:3px 9px 3px 4px;font-size:12px;font-weight:600;cursor:pointer}
.nw-chip:hover{border-color:var(--dz-line-2);color:var(--ink)}
.nw-chip .dz-slogo{width:18px;height:18px;font-size:8px}
@media(max-width:760px){
  .nw-row{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"time body" "fam fam";gap:4px 8px}
  .nw-time{grid-area:time}.nw-body{grid-area:body}.nw-fam{grid-area:fam;padding-left:42px}
  .nw-body b{font-size:13px}
}

/* peak / low since a flag */
.dz-extremes{display:block;font-size:10px;color:var(--ink-3);margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dz-extremes b{font-weight:600;background:transparent;padding:0}

/* quiet accumulation: two extra columns, peak and low since the flag */
.dz-cols.dz-acc,.dz-grid.dz-acc .dz-card{grid-template-columns:minmax(0,2fr) 110px 100px 76px 76px 96px 96px 96px 96px}
.dz-peak,.dz-low{text-align:right;line-height:1.1}
.dz-peak b,.dz-low b{display:block;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;background:transparent;padding:0}
.dz-peak small,.dz-low small{display:block;font-size:10px;color:var(--ink-3);margin-top:2px}
@media(max-width:760px){
  .dz-grid.dz-acc .dz-card{grid-template-columns:minmax(0,1fr) 92px 78px;grid-template-areas:"top spark move" "peak low low" "price foot foot"}
  .dz-peak{grid-area:peak;text-align:left;padding-left:40px}.dz-low{grid-area:low;text-align:left}
  .dz-peak b,.dz-low b{display:inline;font-size:12px}.dz-peak small,.dz-low small{display:inline;margin-left:4px}
  .dz-peak small::before{content:"peak "}.dz-low small::before{content:"low "}
}