/* Purpose Listen: a live daily paper about Spectrum customers, published by VCCP.
   Paper and ink, Gretel Midnight for structure, Electric for data. Light only by design (see color-scheme). */
:root{color-scheme:light only;
--paper:#F6F3EC;--paper2:#EFEAE0;--card:#FFFDF8;--ink:#0E1A26;--ink2:#38424D;--mute:#5B636D;--mid:#002139;--el:#0a7dff;--el-ink:#0058C4;
--hair:#D9D3C6;--hair2:#E8E2D6;--neg:#B8382A;--pos:#1A7A60;--amb:#D9A441;
--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Plex Mono",ui-monospace,Menlo,monospace;
--s-label:11px;--s-small:12.5px;--s-body:16px;--s-lede:20px;--s-h3:20px;--s-h2:38px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;max-width:1360px;margin:0 auto;padding:0 40px 56px;font-variant-numeric:lining-nums}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--el-ink);outline-offset:3px;border-radius:2px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--mid);color:#fff;padding:10px 14px;font:600 13px var(--sans)}.skip:focus{top:12px}
/* ---------- masthead */
.mast{padding-top:14px}
.mast-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--mid);font:500 var(--s-label)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.subject,.publisher{display:inline-flex;align-items:center;gap:12px}
.publisher{justify-self:end}
.spec{height:18px;width:auto}
.vccp{height:42px;width:auto;display:block}
.publisher .vccp{margin:0 2px 0 4px}                /* clear space: at least the height of the bear's ear on every side */
.mt-l{color:var(--mute)}
.mt-date{text-align:center}
.mast-title{display:block;font:600 clamp(46px,7vw,98px)/.95 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.028em;text-align:center;padding:18px 0 14px;color:var(--mid)}
/* live bar: sticks to the top while reading */
.livebar{position:sticky;top:0;z-index:20;background:rgba(246,243,236,.94);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-top:1px solid var(--mid);border-bottom:3px double var(--mid);margin:0 -40px;padding:0 40px}
.lb-in{display:flex;align-items:center;gap:0;min-height:42px;font:500 var(--s-label)/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);flex-wrap:wrap}
.lb-in>span{padding:6px 14px;border-left:1px solid var(--hair)}.lb-in>span:first-child{padding-left:0;border-left:0}
.lb-live{display:inline-flex;align-items:center;gap:7px;color:var(--neg);font-weight:700}
.lb-live i{width:8px;height:8px;border-radius:50%;background:var(--neg);box-shadow:0 0 0 0 rgba(184,56,42,.5)}
.lb-upd time{color:var(--ink);font-variant-numeric:tabular-nums}
.lb-r{margin-left:auto;border-left:0!important;padding-right:0!important}.lb-r a{color:var(--el-ink);font-weight:600}
.livebar.static .lb-ed{padding-left:0;border-left:0}
.newpill-wrap{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:30;pointer-events:none}
.newpill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);color:#fff;background:var(--mid);border:0;border-radius:99px;padding:11px 18px 11px 14px;box-shadow:0 14px 34px -12px rgba(0,33,57,.6);cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.newpill::before{content:"↑";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--el);font-size:12px}
.newpill.on{opacity:1;transform:none}.newpill:hover{background:#00315A}
/* ---------- front: main column + Latest rail */
.front{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:0 44px;margin-top:30px}
.front-main{min-width:0}
/* lead */
.lead{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:34px;padding-bottom:34px;border-bottom:1px solid var(--mid)}
.kicker{font:600 var(--s-label)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--el-ink);margin-bottom:14px}
.lead-head{font:500 clamp(36px,3.7vw,56px)/1.02 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.024em;margin-bottom:16px;color:var(--mid);text-wrap:balance}
.deck{font:italic 400 var(--s-lede)/1.4 var(--serif);color:var(--ink2);margin-bottom:16px;text-wrap:pretty}
.byline{font:500 var(--s-label)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:9px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-bottom:16px}
.lead-body p{font:400 17px/1.6 var(--serif);text-wrap:pretty;hyphens:auto}
.lead-body p::first-letter{font:600 54px/.8 var(--serif);float:left;margin:6px 8px 0 0;color:var(--mid)}
.pull{margin-top:22px;padding-top:16px;border-top:3px solid var(--mid)}
.pull p{font:500 23px/1.28 var(--serif);letter-spacing:-.01em;text-wrap:pretty}
.pull cite{display:block;margin-top:10px;font:500 var(--s-label)/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;font-style:normal}.pull cite a{color:var(--el-ink)}
.lead-media{position:relative;align-self:start}
.lead-fig a{display:block;overflow:hidden;background:var(--paper2)}
.lead-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.lead-fig figcaption{font:400 13px/1.45 var(--sans);color:var(--ink2);padding-top:9px;border-bottom:1px solid var(--hair);padding-bottom:9px}.lead-fig figcaption span{color:var(--mute);font:400 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-left:4px}
.exhibit{position:relative;margin:18px 0 0 -30px;width:76%;background:var(--card);padding:13px 13px 11px;box-shadow:0 22px 50px -24px rgba(0,33,57,.55);border-top:3px solid var(--el)}
.ex-k{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--el-ink);margin-bottom:9px}
.exhibit img{display:block;width:100%;max-height:340px;object-fit:cover;object-position:50% 0;border:1px solid var(--hair2)}
.exhibit figcaption{font:400 12.5px/1.45 var(--sans);color:var(--ink2);margin-top:8px}
/* labels */
.label{display:flex;align-items:center;gap:8px;font:600 var(--s-label)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mid);padding:14px 0 12px;border-bottom:1px solid var(--mid)}
.title{font:600 var(--s-h2)/1 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;color:var(--mid)}
.sub-h{font:400 14px/1.45 var(--sans);color:var(--mute);margin-top:8px;max-width:70ch}
/* since yesterday */
.since{margin-top:4px}
.changes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--mid)}
.chg{position:relative;padding:16px 18px 18px;border-left:1px solid var(--hair);border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:7px;min-width:0}
.chg:nth-child(3n+1){border-left:0;padding-left:0}.chg:nth-child(-n+3){border-top:0}
.chg .k{font:500 10.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.vr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.chg .v{font:600 34px/1 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.02em;color:var(--mid);font-variant-numeric:tabular-nums lining-nums}
.chg.topic .v{font-size:26px}
.chg .s{font:400 12.5px/1.4 var(--sans);color:var(--ink2)}
.delta{display:inline-flex;align-items:center;gap:4px;font:600 11px/1 var(--mono);padding:4px 7px;border-radius:99px;white-space:nowrap}
.delta.bad{color:var(--neg);background:rgba(184,56,42,.1)}.delta.good{color:var(--pos);background:rgba(26,122,96,.1)}.delta.flat{color:var(--mute);background:var(--paper2)}
.delta span[aria-hidden]{font-size:8px}
.mini{display:block;width:100%;max-width:150px;height:26px;margin-top:2px}
.mlab{font:400 10px/1 var(--mono);color:var(--mute);letter-spacing:.04em}
.bar,.range{position:relative;display:block;height:6px;background:var(--hair2);margin:6px 0 2px;max-width:200px}.bar i{display:block;height:100%;background:var(--el)}
.range i{position:absolute;top:-4px;width:3px;height:14px;background:var(--mid);transform:translateX(-50%)}
.stack{display:flex;height:8px;gap:2px;margin:6px 0 2px}.stack i{display:block;height:100%;min-width:3px}
.slg{display:flex;flex-wrap:wrap;gap:4px 10px;font:400 11px/1.3 var(--sans);color:var(--ink2)}.slg i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}
/* takeaways */
.takeaways{margin-top:20px}
.tks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tk{padding:20px 22px 22px;border-left:1px solid var(--hair)}.tk:first-child{border-left:0;padding-left:0}.tk:last-child{padding-right:0}
.tk .n{display:block;font:500 50px/.8 var(--serif);color:var(--el);margin-bottom:12px}
.tk h3{font:600 var(--s-h3)/1.24 var(--serif);margin-bottom:9px;color:var(--mid);text-wrap:balance}
.tk p{font:400 15px/1.55 var(--sans);color:var(--ink2);text-wrap:pretty}
/* Latest rail, a live-blog stream */
.latest{display:flex;flex-direction:column;height:0;min-height:100%;border-top:3px solid var(--mid)}
.lt-list{min-height:0}
.lt-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid var(--mid)}
.lt-head .label{border-bottom:0;color:var(--neg)}.lt-head .label i{width:8px;height:8px;border-radius:50%;background:var(--neg)}
.lt-head span{font:400 10.5px var(--mono);color:var(--mute);letter-spacing:.04em}
.lt-list{list-style:none;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:var(--hair) transparent;padding-right:6px;
 -webkit-mask-image:linear-gradient(#000 calc(100% - 36px),transparent);mask-image:linear-gradient(#000 calc(100% - 36px),transparent)}
.lt{position:relative;padding:12px 0 12px 18px;border-bottom:1px solid var(--hair2)}
.lt::before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:var(--pc)}
.lt::after{content:"";position:absolute;left:3px;top:28px;bottom:-13px;width:1px;background:var(--hair)}
.lt:last-child::after{display:none}
.lt time{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.05em;color:var(--ink2);margin-bottom:5px;font-variant-numeric:tabular-nums}
.lt a{display:block;font:400 14.5px/1.42 var(--serif);color:var(--ink)}
.lt a:hover .lt-x{color:var(--el-ink)}
.lt-p{display:block;font:600 9.5px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.lt-m{color:var(--el-ink);margin-left:4px}
.lt b{font:600 13px var(--sans);margin-right:2px}
.lt.is-new time::after{content:"New";margin-left:8px;font:700 9px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--neg);padding:2px 5px;border-radius:2px;vertical-align:1px}
.lt-more{display:block;padding:12px 0;font:600 13px var(--sans);color:var(--el-ink);border-top:1px solid var(--mid)}
/* ---------- wall */
.wall{margin-top:40px;padding-top:28px;border-top:4px double var(--mid)}
.wall-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.chip{display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--sans);padding:7px 11px;border:1px solid var(--hair);border-radius:99px;background:var(--card);color:var(--ink);cursor:default}
button.chip{cursor:pointer}.chip.on{background:var(--mid);color:#fff;border-color:var(--mid)}
.chip i,.badge i{width:8px;height:8px;border-radius:50%;background:var(--pc,var(--mid));display:inline-block}
.chip em{font-style:normal;font-family:var(--mono);color:var(--mute)}.chip.on em{color:#C9D4E0}
.feature-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:20px;align-items:start}
.tiles{columns:4;column-gap:20px}
.tile{position:relative;break-inside:avoid;display:block;margin-bottom:20px;background:var(--card);border:1px solid var(--hair);border-top:3px solid var(--pc);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.feature-row .tile{margin-bottom:0}
.tile:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(0,33,57,.55)}
.tm{position:relative;background:var(--mid);overflow:hidden}
.tm img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;object-position:center 30%;filter:saturate(.94) contrast(1.02);transition:transform .7s var(--ease),filter .4s}
.tile:hover .tm img{transform:scale(1.035);filter:none}
.feature .tm img{max-height:none;aspect-ratio:4/3}
.feature .q{font-size:21px;line-height:1.36}
.more,.dur{position:absolute;bottom:10px;font:500 10.5px/1 var(--mono);background:rgba(0,33,57,.86);color:#fff;padding:5px 7px}
.more{right:10px}.dur{right:10px}.t-video .more{right:auto;left:10px}
.t-video .tm img{aspect-ratio:16/9;max-height:none}
.play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .3s var(--ease)}
.play::after{content:"";position:absolute;left:22px;top:17px;border-left:16px solid var(--mid);border-top:10px solid transparent;border-bottom:10px solid transparent}
.tile:hover .play{transform:scale(1.08)}
.tb{padding:14px 16px 15px}
.tt{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.badge{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
.views{font:400 10.5px/1 var(--mono);color:var(--mute)}
.tile .q{font:400 16.5px/1.44 var(--serif);text-wrap:pretty}
.t-quote{background:color-mix(in srgb,var(--pc) 6%,var(--card))}
.t-quote .q{font-size:19.5px;line-height:1.36;letter-spacing:-.005em}
.t-quote .q::before{content:"“";display:block;font:600 52px/.6 var(--serif);color:var(--pc);height:22px}
.th{font:600 17.5px/1.28 var(--serif);color:var(--mid);text-wrap:pretty}
.tile .sub{font:400 13.5px/1.5 var(--sans);color:var(--ink2);margin-top:6px}
/* news clipping */
.t-news{background:#FBF8F2;border-top:1px solid var(--hair);box-shadow:0 1px 0 var(--hair2),0 2px 0 -1px var(--card)}
.t-news .outlet{display:block;padding:11px 16px 9px;font:700 13px/1.1 var(--serif);font-variant:small-caps;letter-spacing:.06em;color:var(--mid);border-bottom:2px solid var(--mid);margin:0 16px}
.t-news .outlet{padding-left:0;padding-right:0}
.t-news .tm{margin:12px 16px 0;background:var(--paper2)}
.t-news .tm img{filter:grayscale(.18) sepia(.08) contrast(1.03)}
.t-news:hover .tm img{filter:none}
.t-news .th{font-size:20px;line-height:1.22}
.feature-row .t-news .th{font-size:22px}
.who{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid var(--hair2)}
.av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--paper2)}
.av-i{display:grid;place-items:center;color:#fff;background:var(--pc);font:600 12px/1 var(--sans)}
.who span{display:flex;flex-direction:column;min-width:0;font:400 12px/1.3 var(--sans)}
.who b{font-weight:600}.who em{font-style:normal;color:var(--mute)}.who small{color:var(--mute);font:400 10.5px/1.4 var(--mono)}
.tile.is-new::after{content:"New";position:absolute;top:10px;right:10px;z-index:2;font:700 9.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--neg);padding:4px 6px;border-radius:2px}
.tile.is-new{box-shadow:0 0 0 1px rgba(184,56,42,.35)}
.archive{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;padding:18px 0;margin-top:6px;border-top:1px solid var(--mid);border-bottom:1px solid var(--mid)}
.archive span{font:600 22px/1 var(--serif);color:var(--mid)}.archive em{font:400 14px/1.3 var(--sans);color:var(--mute);font-style:normal}
.archive b{font:400 26px/1 var(--serif);color:var(--el-ink);transition:transform .2s}.archive:hover b{transform:translateX(6px)}
/* ---------- data */
.data{margin-top:46px;padding-top:28px;border-top:4px double var(--mid)}
.data-head{margin-bottom:22px}
.grid{display:grid;grid-template-columns:1.25fr 1fr;gap:34px 44px}
.viz{border-top:1px solid var(--mid);padding-top:12px}
.viz figcaption{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.viz figcaption b{font:600 18px/1.2 var(--serif);color:var(--mid)}.viz figcaption span{font:400 12.5px/1.4 var(--sans);color:var(--mute)}
.tone{width:100%;height:auto;display:block}.tone .ax{font:400 10px var(--mono);fill:#5B636D}.tone .ann{font:italic 400 12px var(--serif);fill:#38424D}.tone .val{font:500 10px var(--mono);fill:#1A7A60}
.legend{display:flex;gap:16px;margin-top:8px;font:400 12px var(--sans);color:var(--ink2)}.legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.heat{display:flex;flex-direction:column;gap:3px}
.hr{display:grid;grid-template-columns:112px 1fr 44px 16px;align-items:center;gap:10px}
.hl{font:500 12.5px/1 var(--sans)}.hc{display:grid;grid-template-columns:repeat(14,1fr);gap:2px}
.hc span{height:22px;background:rgba(10,125,255,var(--a))}
.hn{font:500 11px var(--mono);color:var(--ink2);text-align:right}.ht{font:600 13px var(--sans)}.ht.up{color:var(--neg)}.ht.down{color:var(--pos)}.ht.flat{color:var(--mute)}
.hx .hc{display:flex;justify-content:space-between;font:400 10px var(--mono);color:var(--mute)}.hx em{font-style:normal}.hx .hn{font-size:10px;color:var(--mute)}
.comp{list-style:none;display:flex;flex-direction:column;gap:9px}
.comp li{display:grid;grid-template-columns:104px 1fr 30px;align-items:center;gap:10px;font:500 13px var(--sans)}
.cb{height:12px;background:var(--hair2)}.cb i{display:block;height:100%;background:var(--mid)}.comp li:first-child .cb i{background:var(--el)}
.comp b{font:500 12px var(--mono);text-align:right}
.sg{display:flex;align-items:flex-end;gap:16px}.sgv{font:600 56px/.85 var(--serif);color:var(--mid)}.spark{width:240px;height:56px;max-width:60%}
.note{font:italic 400 14px/1.45 var(--serif);color:var(--ink2);margin-top:10px}
/* ---------- footer */
.foot{margin-top:48px;padding-top:20px;border-top:4px double var(--mid);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;font:400 12.5px/1.55 var(--sans);color:var(--mute)}
.f-pub{display:flex;align-items:center;gap:18px}.f-pub .vccp{height:52px;flex:none}.f-pub b{color:var(--ink);font-weight:600}
.f-note p+p{margin-top:6px}.foot a{color:var(--el-ink)}
/* archive page */
.arch-main{max-width:920px;margin:0 auto}
.afilters{display:flex;flex-direction:column;gap:12px;margin:6px 0 26px;position:sticky;top:0;background:var(--paper);padding:12px 0;z-index:2;border-bottom:1px solid var(--hair)}
.afilters .chips{justify-content:flex-start}
#q{font:400 16px var(--sans);padding:11px 14px;border:1px solid var(--hair);background:var(--card);color:var(--ink);width:100%;border-radius:0}
.aday h3{font:600 20px/1 var(--serif);color:var(--mid);padding:18px 0 10px;border-bottom:1px solid var(--mid);display:flex;justify-content:space-between}.aday h3 em{font:400 12px var(--mono);color:var(--mute);font-style:normal}
.aday ol{list-style:none}
.aday li{display:grid;grid-template-columns:70px 92px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #E7E1D5;font:400 14.5px/1.45 var(--sans);align-items:baseline}
.aday li .at{font:400 11px var(--mono);color:var(--mute)}.aday li a:hover{color:var(--el)}.aday li b{font-weight:600;margin-right:4px}
.amore{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 10px;font:400 12px var(--mono);color:var(--mute)}.amore .chip{cursor:pointer;border:1px solid var(--mid);background:var(--mid);color:#fff;padding:10px 18px;font:600 13px var(--sans)}.amore .chip:hover{background:var(--el);border-color:var(--el)}

/* ---------- motion (only when the reader hasn't asked for less) */
@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(184,56,42,.55)}70%{box-shadow:0 0 0 7px rgba(184,56,42,0)}100%{box-shadow:0 0 0 0 rgba(184,56,42,0)}}
@keyframes enter{from{opacity:0;transform:translateY(-8px);background:rgba(10,125,255,.14)}60%{background:rgba(10,125,255,.10)}to{opacity:1;transform:none;background:transparent}}
@keyframes glow{from{box-shadow:0 0 0 3px rgba(184,56,42,.35)}to{box-shadow:0 0 0 1px rgba(184,56,42,.35)}}
@media (prefers-reduced-motion:no-preference){
 .lb-live i,.lt-head .label i{animation:ping 2s infinite}
 .lead-text>*,.lead-media,.chg,.tk,.tile,.lt{animation:up .7s var(--ease) both}
 .lead-media{animation-delay:.1s}.tk{animation-delay:calc(.2s + var(--i,0)*.07s)}.tile{animation-delay:calc(.15s + var(--i)*.03s)}.lt{animation-duration:.5s}
 .lt.enter{animation:enter 1.6s var(--ease) both}
 .tile.is-new{animation:up .7s var(--ease) both,glow 2.4s .7s ease-out both}
 .tone rect{transform-box:fill-box;transform-origin:center bottom;animation:grow .8s var(--ease) both;animation-delay:calc(var(--i)*.03s)}
 .tone rect.neg{transform-origin:center top}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tile,.tile .tm img,.play,.newpill{transition:none!important}.tile:hover{transform:none}}
/* ---------- responsive */
@media (max-width:1180px){
 .front{display:block}
 .latest{height:auto;max-height:560px;min-height:0;margin-top:28px}
 .tiles{columns:3}
}
@media (max-width:900px){.feature-row{grid-template-columns:1fr 1fr}.feature-row .feature{grid-column:1/-1}.changes{grid-template-columns:1fr 1fr}.chg:nth-child(n){border-left:1px solid var(--hair);border-top:1px solid var(--hair);padding-left:18px}.chg:nth-child(2n+1){border-left:0;padding-left:0}.chg:nth-child(-n+2){border-top:0}}
@media (max-width:760px){
 body{padding:0 18px 40px}
 .mast-top{grid-template-columns:auto 1fr;gap:10px}.mt-date{display:none}.subject .mt-l{display:none}
 .publisher{gap:8px}.publisher .mt-l{font-size:9.5px}.vccp{height:36px}.spec{height:16px}
 .mast-title{font-size:44px;padding:12px 0 10px}
 .livebar{margin:0 -18px;padding:0 18px}
 .lb-in{font-size:10px;min-height:0;padding:4px 0}.lb-in>span{padding:5px 10px}
 .lb-next{display:none}.lb-ed{order:5;flex-basis:100%;border-left:0!important;padding:0 0 5px!important;color:var(--mute)}
 .newpill-wrap{top:76px}
 .front{display:flex;flex-direction:column;margin-top:20px}.front-main{display:contents}
 .lead{order:1}.latest{order:2}.since{order:3}.takeaways{order:4}
 .lead{display:flex;flex-direction:column;gap:0;padding-bottom:26px}
 .lead-text{display:contents}
 .kicker{order:1}.lead-head{order:2;font-size:35px;margin-bottom:12px}.deck{order:3;font-size:18px}.lead-media{order:4;margin:4px 0 20px}
 .byline{order:5}.lead-body{order:6}.pull{order:7}
 .lead-body p{font-size:16.5px}.pull p{font-size:21px}
 .exhibit{margin:16px 0 0 auto;width:92%}
 .latest{max-height:none;margin-top:22px}.lt-list{max-height:430px}
 .changes{grid-template-columns:1fr 1fr}.chg{padding:14px 12px 14px 0!important}.chg:nth-child(even){padding-left:14px!important}
 .chg .v{font-size:27px}.chg.topic .v{font-size:21px}.chg.mix{grid-column:1/-1;border-left:0!important;padding-left:0!important}
 .chg:nth-child(odd):last-child{grid-column:1/-1}
 .tks{grid-template-columns:1fr}.tk{padding:18px 0!important;border-left:0;border-top:1px solid var(--hair)}.tk:first-child{border-top:0}
 .tk .n{font-size:34px;margin-bottom:8px}.tk h3{font-size:19px}
 .wall-head{flex-direction:column;align-items:flex-start;gap:12px}.chips{justify-content:flex-start}.title{font-size:31px}
 .feature-row{grid-template-columns:1fr}.tiles{columns:1}.tiles .tile:nth-child(n+7){display:none}.tm img{max-height:320px}
 .archive{grid-template-columns:1fr auto}.archive em{grid-column:1/-1;grid-row:2}
 .grid{grid-template-columns:1fr}.hr{grid-template-columns:88px 1fr 34px 12px;gap:6px}.hl{font-size:11px}.hc span{height:18px}
 .foot{grid-template-columns:1fr}.f-pub .vccp{height:44px}
 .aday li{grid-template-columns:1fr;gap:4px}.aday li .at{display:none}
}