/* Alt Capital Daily, redesign exploration. Shared parts for the three options.
   Colours: only the dark and red wine tones of the Alt video. No green: up is light, down is red, each with an arrow. */
:root{
  --ink:#120707; --wine:#1c0a0a; --wine2:#260e0e; --wine3:#34130f; --maroon:#7a1f1e; --red:#a9302d; --rose:#e0655d;
  --cream:#efe8dc; --taupe:#b8aba0; --dust:#7d6e66;
  --bg:var(--ink); --panel:var(--wine2); --line:rgba(239,232,220,.09); --line2:rgba(239,232,220,.18);
  --text:#d9cfc4; --hi:#fff; --mut:var(--taupe); --dim:var(--dust); --up:var(--cream); --dn:var(--rose);
  --body:"Montserrat",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace; --head:var(--body);
  --r:12px; --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:500 13.5px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
a:hover{color:var(--hi);text-decoration-color:var(--red)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
h2,h3,h4,p{margin:0}
.loading{padding:4rem 1rem;text-align:center;color:var(--mut)}
.view{display:none}.view.on{display:block}
.num,.g-tile .v,.g-row .v,.g-mv .px,.g-mv .ch,.g-co .m{font-variant-numeric:tabular-nums}

.pill{display:inline-flex;align-items:center;gap:.4em;font:600 10.5px/1 var(--mono);padding:.38em .65em;border-radius:99px;border:1px solid var(--line2);white-space:nowrap;letter-spacing:.01em}
.pill:before{font-size:.62em}
.pill.up{color:var(--up);border-color:rgba(239,232,220,.3)}.pill.up:before{content:"\25B2"}
.pill.dn{color:var(--dn);background:rgba(169,48,45,.2);border-color:rgba(224,101,93,.38)}.pill.dn:before{content:"\25BC"}
.pill.fl{color:var(--mut)}
.tag{display:inline-block;font:600 9.5px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line2);border-radius:99px;padding:.42em .7em}

/* Parts rise in as a screen opens. */
.rv{opacity:0;transform:translateY(10px)}
.view.live .rv{opacity:1;transform:none;transition:opacity .55s var(--ease) calc(var(--i,0)*70ms),transform .55s var(--ease) calc(var(--i,0)*70ms)}

/* ---- the inner screens (Markets, Portfolio, News, Deals, Notes) ---- */
.g-head{margin-bottom:1.1rem}
.g-head h2{font:700 1.55rem/1.2 var(--head);color:var(--hi);letter-spacing:-.01em}
.g-head p,.g-sub,.g-sech p{color:var(--mut);font-size:12px;margin-top:.3rem;max-width:80ch}
.g-how{color:var(--mut);font-size:12px;margin:.3rem 0 .8rem}
.g-how summary{cursor:pointer;color:var(--taupe)}.g-how p{margin-top:.4rem;max-width:90ch}
.g-sech{margin:1.8rem 0 .8rem}
.g-sech h3,.g-card h3{font:700 14px/1.3 var(--head);color:var(--hi)}
.g-note{color:var(--mut);font-size:12.5px;margin:.9rem 0 0;max-width:95ch}
.g-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.g-tile,.g-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.g-tile .l{font:600 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.g-tile .l a{text-decoration:none}
.g-tile .v{font:700 1.5rem/1.2 var(--head);color:var(--hi);margin:.35rem 0 .5rem}
.g-card{margin-top:14px}
.g-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px}
.g-panels .g-card{margin:0}
.g-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:.62rem 0;border-top:1px solid var(--line)}
.g-card h3+.g-row{margin-top:.7rem}
.g-row .k small{display:block;color:var(--dim);font-size:11.5px}
.g-row .v{font-weight:700;color:var(--hi);white-space:nowrap}
.g-movers{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:.8rem}
.mvh,.g-mv{display:grid;grid-template-columns:22px 1fr 60px 72px;gap:8px;align-items:center}
.mvh{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding-bottom:.4rem}
.mvh span:first-child{grid-column:1/3}.mvh span:nth-child(n+2),.g-mv .px,.g-mv .ch{text-align:right}
.g-mv{position:relative;padding:.42rem 0;border-top:1px solid var(--line);font-size:12.5px}
.g-mv:before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--up);transition:width .9s var(--ease) calc(var(--i)*45ms)}
.col.dn .g-mv:before{background:var(--red)}
.view.live .g-mv:before{width:var(--w)}
.g-mv .r{color:var(--dim);font:500 10.5px var(--mono)}.g-mv small{color:var(--dim);margin-left:.5em;font:500 10px var(--mono)}
.g-mv .ch{font-weight:700;color:var(--up)}.col.dn .ch{color:var(--dn)}

.g-board{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.g-bhead,.g-co-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.6fr) minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1.3fr) 18px;gap:10px;align-items:center;width:100%;padding:.7rem 16px}
.g-bhead{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.g-group{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);padding:.55rem 16px;background:rgba(239,232,220,.035);border-top:1px solid var(--line)}
.g-co{border-top:1px solid var(--line)}
.g-co-main:hover{background:rgba(239,232,220,.04)}
.g-co .name{font-weight:700;color:var(--hi)}.g-co .name small{font:500 10px var(--mono);color:var(--dim);margin-left:.6em}
.g-co .m i{display:none}
.g-co .m.wide{display:flex;align-items:center;gap:10px}
.track{flex:1;height:4px;border-radius:9px;background:rgba(239,232,220,.08);overflow:hidden;min-width:30px}
.track .bar{display:block;height:100%;width:0;border-radius:9px;background:var(--up);transition:width .9s var(--ease) .15s}
.track .bar.dn{background:var(--red)}.view.live .track .bar{width:var(--w)}
.chev{width:7px;height:7px;border-right:1.5px solid var(--mut);border-bottom:1.5px solid var(--mut);transform:rotate(45deg);transition:transform .3s}
.g-co.open .chev{transform:rotate(225deg)}
.more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.more>div{overflow:hidden}
.open>.more{grid-template-rows:1fr}
.g-co .more p{padding:.2rem 16px 1rem;color:var(--text);max-width:100ch}
.src{color:var(--mut);font-size:11.5px}

.g-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.g-items.two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.g-it{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;transition:border-color .3s,transform .3s var(--ease)}
.g-it:hover{border-color:rgba(224,101,93,.4)}
.g-it h4{font:700 15px/1.35 var(--head);color:var(--hi)}
.g-it .ra{font-size:12.5px;border-left:2px solid var(--red);padding-left:.75rem}
.g-it .ra b{display:block;font:600 9.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--rose);margin-bottom:.2rem}
.g-it .body{font-size:12.5px;color:var(--text);margin-bottom:.4rem}
.g-it .tgl{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:auto}
.g-it .tgl:after{content:" +"}.g-it.open .tgl:after{content:" \2212"}
.g-it .tgl:hover{color:var(--hi)}
.g-nb p{margin-top:.6rem;font-size:12.5px;max-width:110ch}.g-nb p span{color:var(--mut)}
.end{color:var(--dim);font-size:11px;text-align:center;padding:18px 16px 26px}
.back{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);text-decoration:none}

@media (max-width:820px){
  .g-movers{grid-template-columns:1fr}
  .g-bhead{display:none}
  .g-co-main{grid-template-columns:1fr 1fr;gap:8px 14px}
  .g-co .name{grid-column:1/-1}
  .g-co .m i{display:block;font:600 9px var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
  .g-co .m.wide{display:block}.g-co .m.wide .track{display:none}
  .chev{position:absolute;right:16px;margin-top:6px}.g-co{position:relative}.g-co-main{padding-right:40px}
  .g-items,.g-items.two{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
}

/* the issue picker (options B and C) */
.picker{position:relative;display:flex;align-items:center;gap:4px}
.pk{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;color:var(--mut);font-size:17px;line-height:1}
.pk:hover{color:var(--hi);background:rgba(239,232,220,.07)}.pk:disabled{opacity:.25;cursor:default}
.pk-day{font:600 12.5px var(--body);color:var(--hi);padding:.5em 1.1em;border-radius:99px;border:1px solid var(--line2);background:rgba(239,232,220,.04);white-space:nowrap}
.pk-day:after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid var(--mut);border-bottom:1.5px solid var(--mut);transform:rotate(45deg) translateY(-3px);margin-left:.8em}
.day-list{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:20;width:min(420px,88vw);max-height:60vh;overflow:auto;background:#1c0a0a;border:1px solid var(--line2);border-radius:14px;padding:6px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.day-list button{display:block;width:100%;padding:.6rem .8rem;border-radius:9px}
.day-list button:hover,.day-list button.on{background:rgba(239,232,220,.06)}
.day-list b{display:block;font:600 12px var(--body);color:var(--hi)}
.day-list span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;color:var(--mut)}