/* journal.css: /journal/ and its articles only, linked after site.css (SPEC 4.3, 4.4). Tokens only; built by tools/build_journal.py. */

/* band: the kicker on articles links back to the Journal */
.band .label a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.25em}

/* ---------- a note that matters (not advice) ---------- */
.notice{padding:20px 22px;background:var(--cream-2);border-left:6px solid var(--ink);border-radius:0 var(--r-chip) var(--r-chip) 0}
.notice p{color:var(--ink)}

/* ---------- charts: inline SVG beside an HTML table ---------- */
.read .chartbox{display:grid;gap:var(--s4);margin-block:var(--s5)}
@media (min-width:1024px){.read .chartbox{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s5);align-items:start}}
.chart{margin:0}
.chart figcaption{margin-bottom:var(--s2)}
.chart figcaption .caption{margin-top:4px}
.ch{display:block;width:100%;overflow:visible}
.ch text{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-label);fill:var(--ink-2)}
.ch .ch-name{fill:var(--ink);letter-spacing:.1em}
.ch .ch-track{fill:var(--cream-2);stroke:var(--ink);stroke-width:2}
.ch .ch-a{fill:var(--accent);stroke:var(--ink);stroke-width:2}
.ch .ch-b{fill:var(--blue);stroke:var(--ink);stroke-width:2}
.ch .ch-gone{fill:var(--card);stroke:var(--ink);stroke-width:2;stroke-dasharray:5 4}
.read table caption{caption-side:top;padding-bottom:var(--s1);text-align:left;font:700 var(--fs-label)/1.35 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.read th.num{text-align:right}
.read tbody th{font:500 var(--fs-small)/1.4 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.read td{color:var(--ink-2)}
.read tr.total th,.read tr.total td{border-top:2px solid var(--ink);border-bottom:0;font-weight:800;color:var(--ink)}

/* ---------- maps: the image carries its own cream margin ---------- */
.mapfig .window-frame{padding:0}
.mapfig .window-frame img{border-radius:calc(var(--r-card) - 3px)}

/* ---------- a portrait window stays a window, not a wall ---------- */
.read .window--portrait{max-width:440px}

/* ---------- example graphics (made-up values) ---------- */
.read .eg{margin-block:var(--s4);padding:var(--s3);background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);box-shadow:var(--sh-md) var(--sh-md) 0 var(--ink)}
.eg svg{display:block;max-width:100%;height:auto;margin-inline:auto}
@media (max-width:767px){.read .eg{padding:var(--s2)}}
.eg figcaption{margin-top:var(--s2)}
.eg text{font-family:var(--font-mono);font-weight:800}
.eg .st-sh{fill:var(--ink)}
.eg .st-ring{fill:var(--cream);stroke:var(--ink);stroke-width:3}
.eg .st-fill{fill:var(--accent)}
.eg .st-t{fill:var(--cream);font-size:26px}
.eg .st-l{fill:var(--ink-2);font-weight:700;font-size:12px}
.eg .dy{fill:var(--card);stroke:var(--ink);stroke-width:2}
.eg .dy-on{fill:var(--ink);stroke:var(--ink);stroke-width:2}
.eg .dy-t{fill:var(--ink);font-size:15px}
.eg .dy-t-on{fill:var(--cream);font-size:15px}
.eg .dy-l{fill:var(--ink);font-weight:700;font-size:13px;letter-spacing:.1em}
.eg .tg{fill:var(--card);stroke:var(--ink);stroke-width:2}
.eg .tg-sh{fill:var(--ink)}
.eg .tg-t{fill:var(--ink);font-weight:700;font-size:13px;letter-spacing:.06em}

/* ---------- deal lists (15 Oct 2026): a table on wide screens, one card per row on phones ---------- */
.meta a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.25em}
.read .dealbox{margin-block:var(--s4)}
.read table.deals th,.read table.deals td{vertical-align:top}
.read table.deals tbody th{font-weight:700}
.read table.deals .sub{display:block;margin-top:3px;font:500 var(--fs-caption)/1.45 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink-3)}
.read table.deals a.src{white-space:nowrap}
@media (max-width:767px){
  .read table.deals,.read table.deals tbody,.read table.deals tr,.read table.deals th,.read table.deals td{display:block;width:100%}
  .read table.deals caption{display:block}
  .read table.deals thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .read table.deals tr{padding:14px 0 10px;border-bottom:2px solid var(--ink)}
  .read table.deals tbody th{padding:0 0 6px;border:0;font-size:var(--fs-body)}
  .read table.deals td{position:relative;padding:4px 0 4px 7.5em;border:0;min-height:1.6em}
  .read table.deals td::before{content:attr(data-l);position:absolute;left:0;top:6px;width:7em;font:700 var(--fs-caption)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
  .read table.deals a.src{white-space:normal}
}

/* the best-card comparison table and the bank links under it */
.read table.cmp td.num,.read table.cmp th.num{text-align:right}
@media (max-width:767px){
  .read table.cmp td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;min-height:0;border-bottom:1px solid var(--line)}
  .read table.cmp td:last-child{border-bottom:0}
  .read table.cmp td::before{position:static;width:auto;flex:1 1 auto;top:auto;text-align:left}
  .read table.cmp td.num{text-align:right}
  .read table.cmp td.num:empty{display:none}
}
.read .also{margin-top:var(--s3);padding:0;list-style:none}
.read .also li+li{margin-top:0}
.read .also--cols{display:grid;gap:0 var(--s4);margin-top:var(--s2)}
@media (min-width:768px){.read .also--cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================= the blog layer (16 Oct 2026): the Journal as a blog ================= */
/* topic tags: one colour per topic, outlined like tara's chips */
.ptag{display:inline-flex;align-items:center;align-self:flex-start;min-height:24px;padding:2px 10px;border:2px solid var(--ink);border-radius:999px;
  background:var(--card);color:var(--ink);font:700 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;max-width:none}
.ptag--guides{background:var(--jade);color:var(--cream)}
.ptag--banks{background:var(--blue);color:var(--cream)}
.ptag--areas{background:var(--mango);color:var(--ink)}
.ptag--numbers{background:var(--accent);color:var(--ink)}
.pmeta{display:flex;flex-wrap:wrap;gap:4px 14px;font:700 var(--fs-caption)/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);max-width:none}

/* article header: Journal / Topic, then date, read time, byline */
.band .kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.band .kicker .sep{opacity:.55}
.band .label a.ptag{border-color:var(--cream);text-decoration:none}
.band .label a.ptag:hover{box-shadow:2px 2px 0 var(--cream)}

/* the index header */
.band--journal{min-height:320px}
.band--journal h1{max-width:none}
.band--journal .lead{margin-top:var(--s2);color:var(--cream-72);max-width:44ch}
@media (max-width:767px){.band--journal{min-height:220px}}

/* the index: tabs, the featured post, the feed */
.jhome{padding:var(--s5) 0 var(--sec)}
.jt{display:block;height:0;scroll-margin-top:calc(var(--nav-h) + 12px)}
.jtabs ul{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0;padding:0;list-style:none}
.jtab{--o:var(--sh-sm);display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 16px;border:2px solid var(--ink);border-radius:999px;
  background:var(--card);color:var(--ink);font:800 15px/1 var(--font-sans);letter-spacing:-.01em;text-decoration:none;
  box-shadow:var(--o) var(--o) 0 var(--ink);transition:translate .12s,box-shadow .12s,background-color .12s}
.jtab:hover{translate:-1px -1px}
.jtab:active{translate:2px 2px;box-shadow:1px 1px 0 var(--ink)}
.jtab-n{font:700 12px/1 var(--font-mono);color:var(--ink-2)}

.jfeat{position:relative;display:grid;gap:var(--s4);margin-top:var(--s5);align-items:center}
@media (min-width:900px){.jfeat{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6)}}
.jfeat-img .window-frame{aspect-ratio:3/2}
.jfeat:hover .window-frame{translate:0 -4px}
.jfeat-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;max-width:none}
.jfeat-new{font:700 var(--fs-label)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--clay)}
.jfeat-t{margin-top:var(--s2);font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
.jfeat-t a{color:inherit;text-decoration:none}
.jfeat-t a::after{content:"";position:absolute;inset:0;z-index:1}
.jfeat:hover .jfeat-t a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}
.jfeat-sum{margin-top:var(--s2);font-size:var(--fs-lead);font-weight:500;line-height:1.45;letter-spacing:-.01em;color:var(--ink-2)}
.jfeat .pmeta{margin-top:var(--s3)}

.jfeed-h{margin-top:var(--s8);padding-top:var(--s3);border-top:3px solid var(--ink);font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink);scroll-margin-top:calc(var(--nav-h) + 12px)}
.jgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);margin:var(--s4) 0 0;padding:0;list-style:none}
@media (min-width:700px){.jgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.jgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5) var(--s4)}}
.pcard{--o:var(--sh-md);position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:3px solid var(--ink);
  border-radius:var(--r-card);box-shadow:var(--o) var(--o) 0 var(--ink);transition:translate .15s,box-shadow .15s}
.pcard:hover{translate:-2px -2px;box-shadow:calc(var(--o) + 2px) calc(var(--o) + 2px) 0 var(--ink)}
.pcard:active{translate:2px 2px;box-shadow:2px 2px 0 var(--ink)}
.pcard:focus-within{outline:3px solid var(--accent);outline-offset:4px}
.pcard-img{aspect-ratio:40/21;overflow:hidden;border-bottom:3px solid var(--ink);background:var(--cream-2)}
.pcard-img picture,.pcard-img img{width:100%;height:100%}
.pcard-img img{object-fit:cover}
.pcard-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 20px}
.pcard-t{font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.18;color:var(--ink)}
.pcard-t a{color:inherit;text-decoration:none}
.pcard-t a::after{content:"";position:absolute;inset:0;z-index:1}
.pcard-t a:focus-visible{outline:none}
.pcard:hover .pcard-t a{text-decoration:underline;text-decoration-thickness:2px}
.pcard-sum{font-size:var(--fs-small);line-height:1.55;color:var(--ink-2)}
.pcard .pmeta{margin-top:auto;padding-top:4px}
@media (max-width:767px){.pcard-t{font-size:20px}}
.jnote{margin-top:var(--s4);font-size:var(--fs-small);color:var(--ink-2)}

/* the one small promo: an aside on articles, an end-of-feed box on the index */
.promo-k{font:700 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);max-width:none}
.read>.promo-box,.jmap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px var(--s3);align-items:center;margin-top:var(--s5);padding:18px 20px;
  background:var(--cream-2);border:2px solid var(--ink);border-radius:var(--r-chip)}
.promo-t,.jmap p{font-size:var(--fs-small);line-height:1.5;color:var(--ink)}
.jmap .jmap-t{font-weight:800;font-size:var(--fs-body)}
.promo-box .btn{grid-column:2;grid-row:1/3}
.jmap .btn{grid-column:2;grid-row:1/4}
.jmap{margin-top:var(--s6);max-width:760px}
@media (max-width:640px){
  .read>.promo-box,.jmap{grid-template-columns:minmax(0,1fr)}
  .promo-box .btn,.jmap .btn{grid-column:auto;grid-row:auto;margin-top:10px}
}

/* article pages: hero photo, end of the post, Related posts */
.read--post{padding-top:var(--s6);padding-bottom:var(--s6)}
.read>.post-hero{margin:0 0 var(--s5)}
.post-hero .window-frame{aspect-ratio:3/2}
.post-hero:hover .window-frame{translate:none}
.related{padding:var(--s6) 0 var(--sec);background:var(--cream-2);border-top:3px solid var(--ink)}
.related-h{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
/* filtering: the tabs are links to #topic-*; without JS :target filters, with JS site.js sets .is-js and data-filter */
.pcard--dup,.jfh{display:none}
.jfh--all{display:inline}
.jhome:not(.is-js) .jt:not(#topic-all):target ~ .jfeat,.jhome.is-js:not([data-filter=all]) .jfeat,.jhome:not(.is-js) .jt:not(#topic-all):target ~ .jfeed-h .jfh--all,.jhome.is-js:not([data-filter=all]) .jfh--all{display:none}
.jhome:not(.is-js) .jt:not(#topic-all):target ~ .jfeed-h,.jhome.is-js:not([data-filter=all]) .jfeed-h{margin-top:var(--s5)}
.jhome:not(.is-js) #topic-guides:target ~ .jfeed>.pcard:not([data-topic=guides]),.jhome[data-filter=guides] .jfeed>.pcard:not([data-topic=guides]){display:none}
.jhome:not(.is-js) #topic-guides:target ~ .jfeed>.pcard--dup[data-topic=guides],.jhome[data-filter=guides] .jfeed>.pcard--dup[data-topic=guides]{display:flex}
.jhome:not(.is-js) #topic-guides:target ~ .jfeed-h .jfh--guides,.jhome[data-filter=guides] .jfh--guides{display:inline}
.jhome:not(.is-js) #topic-banks:target ~ .jfeed>.pcard:not([data-topic=banks]),.jhome[data-filter=banks] .jfeed>.pcard:not([data-topic=banks]){display:none}
.jhome:not(.is-js) #topic-banks:target ~ .jfeed>.pcard--dup[data-topic=banks],.jhome[data-filter=banks] .jfeed>.pcard--dup[data-topic=banks]{display:flex}
.jhome:not(.is-js) #topic-banks:target ~ .jfeed-h .jfh--banks,.jhome[data-filter=banks] .jfh--banks{display:inline}
.jhome:not(.is-js) #topic-areas:target ~ .jfeed>.pcard:not([data-topic=areas]),.jhome[data-filter=areas] .jfeed>.pcard:not([data-topic=areas]){display:none}
.jhome:not(.is-js) #topic-areas:target ~ .jfeed>.pcard--dup[data-topic=areas],.jhome[data-filter=areas] .jfeed>.pcard--dup[data-topic=areas]{display:flex}
.jhome:not(.is-js) #topic-areas:target ~ .jfeed-h .jfh--areas,.jhome[data-filter=areas] .jfh--areas{display:inline}
.jhome:not(.is-js) #topic-numbers:target ~ .jfeed>.pcard:not([data-topic=numbers]),.jhome[data-filter=numbers] .jfeed>.pcard:not([data-topic=numbers]){display:none}
.jhome:not(.is-js) #topic-numbers:target ~ .jfeed>.pcard--dup[data-topic=numbers],.jhome[data-filter=numbers] .jfeed>.pcard--dup[data-topic=numbers]{display:flex}
.jhome:not(.is-js) #topic-numbers:target ~ .jfeed-h .jfh--numbers,.jhome[data-filter=numbers] .jfh--numbers{display:inline}
.jhome:not(.is-js) :is(#topic-guides,#topic-areas,#topic-numbers):target ~ .jnote,.jhome:is([data-filter=guides],[data-filter=areas],[data-filter=numbers]) .jnote{display:none}
.jhome:not(.is-js) .jtab[data-topic=all],.jhome.is-js .jtab[aria-current],.jhome:not(.is-js) #topic-guides:target ~ .jtabs .jtab[data-topic=guides],.jhome:not(.is-js) #topic-banks:target ~ .jtabs .jtab[data-topic=banks],.jhome:not(.is-js) #topic-areas:target ~ .jtabs .jtab[data-topic=areas],.jhome:not(.is-js) #topic-numbers:target ~ .jtabs .jtab[data-topic=numbers]{background:var(--ink);color:var(--cream);box-shadow:var(--o) var(--o) 0 var(--accent)}
.jhome:not(.is-js) .jtab[data-topic=all] .jtab-n,.jhome.is-js .jtab[aria-current] .jtab-n,.jhome:not(.is-js) #topic-guides:target ~ .jtabs .jtab[data-topic=guides] .jtab-n,.jhome:not(.is-js) #topic-banks:target ~ .jtabs .jtab[data-topic=banks] .jtab-n,.jhome:not(.is-js) #topic-areas:target ~ .jtabs .jtab[data-topic=areas] .jtab-n,.jhome:not(.is-js) #topic-numbers:target ~ .jtabs .jtab[data-topic=numbers] .jtab-n{color:var(--cream-72)}
.jhome:not(.is-js) .jt:not(#topic-all):target ~ .jtabs .jtab[data-topic=all]{background:var(--card);color:var(--ink);box-shadow:var(--o) var(--o) 0 var(--ink)}
.jhome:not(.is-js) .jt:not(#topic-all):target ~ .jtabs .jtab[data-topic=all] .jtab-n{color:var(--ink-2)}

/* ---------- the deal articles (26 Oct 2026): list-first, the Top 10 within the first phone screen ---------- */
.read--deals{padding-top:var(--s4)}
.read--deals>.lead{font-size:var(--fs-body);line-height:1.5;max-width:none;color:var(--ink)}
.read .cta{margin-top:var(--s2)}
.read .cta-note{margin-top:6px;font-size:var(--fs-caption);line-height:1.45;color:var(--ink-3)}
.read--deals h2{font-size:clamp(26px,3vw,40px)}
.read--deals>h2#top,.read--deals>h2#weekend{margin-top:var(--s4)}
.read table.dl caption{padding-bottom:6px}
.read table.dl td.off{font-weight:800;color:var(--ink)}
.read table.dl td.u{white-space:nowrap;font-family:var(--font-mono);font-weight:700;font-size:var(--fs-caption);letter-spacing:.02em}
.read table.dl td.bk{white-space:nowrap}
.read table.dl td.lk{white-space:nowrap;font-size:var(--fs-caption)}
.read table.dl td.lk a,.read .olist .ol-k a{color:var(--ink-2);text-underline-offset:.2em}
.read table.dl td.lk a+a{margin-left:10px}
@media (max-width:767px){
  .read table.dl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;padding:10px 0 9px;border-bottom:1px solid var(--line)}
  .read table.dl tbody tr:first-child{border-top:2px solid var(--ink)}
  .read table.dl tbody th{grid-column:1/-1;padding:0;font-size:var(--fs-body);line-height:1.3}
  .read table.dl td{padding:0;min-height:0;border:0}
  .read table.dl td::before{content:none}
  .read table.dl td.bk{grid-column:1/-1;font-size:var(--fs-caption);color:var(--ink-2)}
  .read table.dl td.off{grid-column:1;font-size:var(--fs-small)}
  .read table.dl td.u{grid-column:2;align-self:baseline;text-align:right}
  .read table.dl td.u:not(.none)::before{content:"until ";position:static;width:auto;font:inherit;text-transform:none;letter-spacing:0;color:var(--ink-3)}
  .read table.dl td.lk{grid-column:1/-1;white-space:normal}
}
.read .olist{margin-top:var(--s2);padding:0;list-style:none;border-top:2px solid var(--ink)}
.read .olist>li{margin:0;padding:10px 0 9px;border-bottom:1px solid var(--line);font-size:var(--fs-small);line-height:1.45;color:var(--ink-2)}
.read .olist .ol-n,.read .olist .ol-o,.read .olist .ol-k{display:block}
.read .olist strong{font-weight:800;color:var(--ink)}
.read .olist .sub{display:block;font:500 var(--fs-caption)/1.45 var(--font-sans);color:var(--ink-3)}
.read .olist .ol-h{font-weight:700;color:var(--ink)}
.read .olist .ol-b{font-weight:700;color:var(--ink-2)}
.read .olist .ol-b::after{content:" · "}
.read .olist .ol-k{font-size:var(--fs-caption)}
.read .olist .ol-k a+a{margin-left:10px}
@media (min-width:768px){
  .read .olist>li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) auto;column-gap:var(--s3);align-items:baseline}
  .read .olist .ol-k{white-space:nowrap}
}
.read .more{font-size:var(--fs-small)}
/* round 3 (26 Oct 2026): the pages list half their deals; "More on tara" after each list, and the guide's jump row */
.read .more-tara{margin-top:var(--s3)}
.read .more-tara>p:first-child{font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}
.read .more-tara strong{font-weight:800;color:var(--ink)}
.read .more-tara .cta{margin-top:10px}
.read .more-link{margin-top:10px;color:var(--ink-2)}
.read .more-link a{font-weight:700;color:var(--ink);text-decoration-thickness:2px;text-underline-offset:.2em}
.read .jump{margin-top:var(--s2);padding:12px 0 14px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.read .jump .label{margin:0;color:var(--ink-2)}
.read .jump ul{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.read .jump li{margin:0}
.read .jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:2px solid var(--ink);border-radius:var(--r-chip);
  background:var(--card);color:var(--ink);font-weight:700;font-size:var(--fs-small);text-decoration:none}
.read .jump a:hover{background:var(--ink);color:var(--cream)}
.read--deals h3{font-size:var(--fs-body);font-weight:800;letter-spacing:-.01em}
.read .plain{padding-left:1.2em;color:var(--ink-2);font-size:var(--fs-small)}
.read .plain>li+li{margin-top:6px}
.read table.byday{max-width:360px}
.read>.post-photo{margin-block:var(--s5)}
.post-photo .window-frame{aspect-ratio:3/2}
.read .dstrip{margin-top:var(--s5);padding-top:var(--s3);border-top:2px solid var(--ink)}
.read .dstrip h2{margin-top:0;font-size:var(--fs-h3)}
.read .dstrip .label{margin-top:var(--s2)}
.read .dstrip ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:6px;padding:0;list-style:none;font-size:var(--fs-small)}
.read .dstrip li{margin:0}
.read .dstrip a{color:var(--ink);font-weight:700;text-decoration-thickness:2px;text-underline-offset:.2em}
.read .dstrip [aria-current]{color:var(--ink-3)}
.read .howknow{margin-top:var(--s4);font-size:var(--fs-small);color:var(--ink-2)}

/* the Journal index: the deal articles by bank, area and topic */
.jdeals{margin-top:var(--s5)}
.jdeals-h{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.jdeals ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:var(--s1);padding:0;list-style:none;font-size:var(--fs-small)}
.jdeals a{color:var(--ink);font-weight:700;text-decoration-thickness:2px;text-underline-offset:.2em}
@media (max-width:767px){
  .band--deals{min-height:0;padding:var(--s4) 0 var(--s3)}
  .read--deals{padding-top:var(--s3)}
  .read--deals>.lead{font-size:16px;line-height:1.45}
  .read--deals>h2#top,.read--deals>h2#weekend{margin-top:var(--s3);font-size:26px}
}