/* HTML 2 | Teletext newsroom design */
:root{--d2-screen:#00091a;--d2-card:#000d22;--d2-cyan:#00cccc;--d2-green:#00c000;--d2-red:#dd2222;--d2-yellow:#dddd00;--d2-magenta:#cc00cc;--d2-blue:#3333dd;--d2-head:#ffff55;--d2-date:#00ffff;--d2-copy:#d0dce8}
body.design-teletext{background:#000;color:#fff;font-family:"Courier New",Courier,ui-monospace,monospace;min-height:100vh}
body.design-teletext::after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.14) 3px,rgba(0,0,0,.14) 4px)}
body.design-teletext.light{--d2-screen:#f3f7fb;--d2-card:#fff;--d2-copy:#152238;--d2-head:#251000;--d2-date:#005b65;background:#dde7ef;color:#07111e}
.design-teletext .design-masthead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:.58rem 1.25rem;background:var(--d2-cyan);color:#000;border-bottom:2px solid #000;position:relative;z-index:2}.design-teletext .teletext-left{display:flex;align-items:baseline;gap:.7rem;min-width:0}.design-teletext .teletext-logo{font-size:clamp(1.7rem,4vw,2.55rem);letter-spacing:.12em}.design-teletext .teletext-app-name{font-size:1rem;letter-spacing:.16em;text-transform:uppercase;opacity:.76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-teletext .teletext-cursor{font-size:1.4rem;animation:d2blink 1s step-end infinite}.design-teletext .teletext-right{text-align:right;font-size:.86rem;letter-spacing:.1em;line-height:1.35;text-transform:uppercase}.design-teletext .teletext-page{display:block;font-size:1.25rem;font-weight:900}@keyframes d2blink{50%{opacity:0}}
.design-teletext .ticker{position:relative;top:auto;display:flex;align-items:stretch;overflow:hidden;background:#000;border-top:1px solid #0a2040;border-bottom:1px solid #0a2040;z-index:3}.design-teletext .ticker::before{content:"LATEST";display:flex;align-items:center;flex:0 0 auto;padding:.2rem .85rem;background:var(--d2-red);color:#fff;font-size:1rem;letter-spacing:.25em;text-transform:uppercase}.design-teletext .ticker-track{font-size:.95rem;color:var(--d2-yellow);gap:28px;padding:.24rem 0;animation-duration:48s}.design-teletext .ticker-track span{color:var(--d2-yellow)!important}
.design-teletext .shell{width:100%;max-width:none;margin:0;background:var(--d2-screen);padding:2px}.design-teletext .topbar{display:flex;align-items:center;padding:10px 16px;background:#020816;border-bottom:2px solid #0e2040}.design-teletext.light .topbar{background:#e6eef5}.design-teletext .brand h1{color:var(--d2-head);font-size:1.35rem;text-transform:uppercase;letter-spacing:.06em}.design-teletext .brand small{color:var(--d2-date);text-transform:uppercase;letter-spacing:.08em}.design-teletext .logo{border-radius:0;border:0;background:var(--d2-magenta);color:#fff;box-shadow:none;font-size:1.1rem}
.design-teletext .btn{border:0;border-radius:0;background:var(--d2-blue);color:#fff;box-shadow:none;padding:10px 14px;text-transform:uppercase;letter-spacing:.11em}.design-teletext .btn:hover{transform:none;filter:brightness(1.25);outline:2px solid #fff}.design-teletext .btn.primary{background:var(--d2-red);color:#fff}.design-teletext .btn.secondary{background:var(--d2-green);color:#000}.design-teletext .btn.danger{background:var(--d2-magenta);color:#fff}
.design-teletext main{padding:2px;background:#050a14}.design-teletext .hero{border:0;border-radius:0;background:var(--d2-card);box-shadow:none;min-height:330px;padding:clamp(26px,5vw,62px);grid-template-columns:1fr 1fr;border-bottom:2px solid #050a14}.design-teletext .hero::before{display:none}.design-teletext .hero h2{font-family:"Courier New",Courier,monospace;font-size:clamp(2.8rem,7vw,6.8rem);line-height:.9;letter-spacing:-.06em;color:var(--d2-head);text-shadow:none}.design-teletext .hero h2 em{color:var(--d2-cyan)}.design-teletext .hero p{color:var(--d2-copy);font-size:1.05rem}.design-teletext .eyebrow{border:0;border-radius:0;background:var(--d2-green);color:#000;padding:7px 11px;font-weight:900}.design-teletext .hero-stats{gap:2px}.design-teletext .stat{border:0;border-radius:0;background:#02122d;padding:18px}.design-teletext.light .stat{background:#dbe8f4}.design-teletext .stat:nth-child(4n+1){border-top:2.2rem solid var(--d2-cyan)}.design-teletext .stat:nth-child(4n+2){border-top:2.2rem solid var(--d2-green)}.design-teletext .stat:nth-child(4n+3){border-top:2.2rem solid var(--d2-red)}.design-teletext .stat:nth-child(4n+4){border-top:2.2rem solid var(--d2-yellow)}.design-teletext .stat b{color:var(--d2-head)}.design-teletext .stat span{color:var(--d2-copy)}
.design-teletext .navtabs{position:sticky;top:0;border:0;border-radius:0;margin:2px 0;padding:2px;background:#050a14;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.design-teletext .navtabs a{border-radius:0;text-align:center;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#000;background:var(--d2-red)}.design-teletext .navtabs a:nth-child(2){background:var(--d2-green)}.design-teletext .navtabs a:nth-child(3){background:var(--d2-yellow)}.design-teletext .navtabs a:nth-child(4){background:var(--d2-cyan)}.design-teletext .navtabs a:hover{color:#fff;background:var(--d2-blue)}
.design-teletext .section{padding:2px 0;scroll-margin-top:60px}.design-teletext .section-head{margin:0;padding:16px 18px;background:#020816;border-bottom:2px solid #050a14;align-items:center}.design-teletext.light .section-head{background:#e6eef5}.design-teletext .section-head h3{color:var(--d2-head);font-size:clamp(1.6rem,4vw,3rem);text-transform:uppercase;letter-spacing:.03em}.design-teletext .section-head p{color:var(--d2-copy)}
.design-teletext .grid{gap:2px;background:#050a14}.design-teletext .card{border:0;border-radius:0;background:var(--d2-card);box-shadow:none;padding:0 0 18px;color:#fff;animation:d2card .35s ease both}.design-teletext.light .card{color:#07111e}.design-teletext .card h4{margin:0 0 14px;padding:8px 12px;background:var(--source-color,var(--d2-cyan));color:var(--source-text,#000);font-size:1rem;text-transform:uppercase;letter-spacing:.16em}.design-teletext .card:nth-child(6n+1){--source-color:var(--d2-cyan);--source-text:#000}.design-teletext .card:nth-child(6n+2){--source-color:var(--d2-green);--source-text:#000}.design-teletext .card:nth-child(6n+3){--source-color:var(--d2-red);--source-text:#fff}.design-teletext .card:nth-child(6n+4){--source-color:var(--d2-yellow);--source-text:#000}.design-teletext .card:nth-child(6n+5){--source-color:var(--d2-magenta);--source-text:#fff}.design-teletext .card:nth-child(6n+6){--source-color:var(--d2-blue);--source-text:#fff}.design-teletext .card>*:not(h4){margin-left:16px;margin-right:16px}.design-teletext .muted{color:var(--d2-copy)}@keyframes d2card{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.design-teletext .input,.design-teletext select,.design-teletext textarea{border-radius:0;background:#000714;color:#fff;border:1px solid #17406e}.design-teletext.light .input,.design-teletext.light select,.design-teletext.light textarea{background:#fff;color:#07111e}.design-teletext .input:focus,.design-teletext select:focus,.design-teletext textarea:focus{border-color:var(--d2-cyan);box-shadow:0 0 0 2px var(--d2-cyan)}.design-teletext .pill{border-radius:0;background:var(--d2-magenta);color:#fff;border:0}.design-teletext code{color:var(--d2-date);background:#ffffff12;padding:.08em .3em}
.design-teletext .list-item,.design-teletext .table-wrap,.design-teletext .canvas-wrap,.design-teletext .empty{border-radius:0;border:1px solid #0e2040;background:#000714;color:#fff}.design-teletext.light .list-item,.design-teletext.light .table-wrap,.design-teletext.light .canvas-wrap,.design-teletext.light .empty{background:#fff;color:#07111e}.design-teletext .list-item .meta span{color:var(--d2-copy)}.design-teletext table{background:var(--d2-card)}.design-teletext th{background:var(--d2-blue);color:#fff}.design-teletext td{border-color:#0e2040}.design-teletext tr:hover td{background:#0a1c3a}.design-teletext.light tr:hover td{background:#dceaf6}.design-teletext .metric{color:var(--d2-date)}.design-teletext .progress{border-radius:0;background:#000;border:1px solid #0e2040}.design-teletext .progress>i{background:linear-gradient(90deg,var(--d2-red),var(--d2-yellow),var(--d2-green),var(--d2-cyan))}
.design-teletext footer{margin:2px 0 0;padding:12px 16px;background:var(--d2-cyan);color:#000;border:0;text-transform:uppercase;letter-spacing:.08em}.design-teletext dialog .dialog-card{border-radius:0;background:var(--d2-card);border:3px solid var(--d2-cyan);box-shadow:10px 10px 0 var(--d2-magenta);color:#fff}.design-teletext.light dialog .dialog-card{color:#07111e}
.design-teletext ::-webkit-scrollbar{width:14px;height:14px}.design-teletext ::-webkit-scrollbar-track{background:#000}.design-teletext ::-webkit-scrollbar-thumb{background:linear-gradient(var(--d2-red) 0 25%,var(--d2-yellow) 25% 50%,var(--d2-green) 50% 75%,var(--d2-cyan) 75%);border:2px solid #000;border-radius:0}.design-teletext *{scrollbar-color:var(--d2-cyan) #000;scrollbar-width:thin}
@media(max-width:800px){.design-teletext .design-masthead{align-items:flex-start}.design-teletext .teletext-app-name{display:none}.design-teletext .teletext-right{font-size:.7rem}.design-teletext .hero{grid-template-columns:1fr}.design-teletext .navtabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.design-teletext .design-masthead{padding:.45rem .65rem}.design-teletext .teletext-logo{font-size:1.6rem}.design-teletext .teletext-right span:not(.teletext-page){display:none}.design-teletext .ticker::before{padding:.2rem .55rem;font-size:.78rem}.design-teletext .ticker-track{font-size:.8rem}.design-teletext main{padding:1px}.design-teletext .grid{grid-template-columns:1fr}.design-teletext .card,.design-teletext .card.wide,.design-teletext .card.half,.design-teletext .card.full{grid-column:1/-1}.design-teletext .hero{padding:24px 16px}.design-teletext .hero h2{font-size:clamp(2.5rem,16vw,4.6rem)}.design-teletext .navtabs a{font-size:.78rem;padding:8px 6px}}