/* LVR Newsprint article template. Layout and colour wiring only; type and colours come from tokens.css. */

/* Compact masthead */
.mini-mast{background:var(--band);color:var(--band-ink);border-bottom:var(--line-heavy);transition:background-color var(--motion-edition)}
.mini-row{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:var(--space-xl);padding-top:14px;padding-bottom:10px}
.mini-wordmark{text-decoration:none}
.mini-edition{justify-self:center}
.desk-nav{background:var(--paper)}

/* Header */
.article-head{padding-top:36px}
.article-tags{display:flex;align-items:center;gap:var(--space-m);margin:0 0 var(--space-l)}
.series-tag{border:var(--line-rule);border-radius:var(--radius-pill);padding:3px 9px}
.series-tag{font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase}
.article-head h1{margin:0;max-width:16ch}
.article-deck{margin:var(--space-s) 0 var(--space-l)}
.article-standfirst{margin:0 0 var(--space-l);padding:var(--space-m) 0;border-top:var(--line-rule);border-bottom:var(--line-rule);max-width:860px}
.byline-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-l) var(--space-2xl);padding-bottom:var(--space-l);border-bottom:var(--line-heavy)}
.byline-person,.byline-evidence{display:flex;align-items:center;gap:var(--space-s)}
.byline-person>span:last-child{display:flex;flex-direction:column;gap:2px}
.byline-role{color:var(--ink-soft)}
.face-l{width:46px;height:46px}
.article-cover{margin:var(--space-xl) 0 0}
.article-cover img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 30%}
.article-cover figcaption{margin-top:6px;color:var(--ink-soft);text-align:right}

/* Evidence pills */
.ev{display:inline-block;border:1px solid currentColor;border-radius:var(--radius-pill);padding:2px 7px;white-space:nowrap}
.ev-opinion{color:var(--accent)}
.ev-research{color:var(--ink)}
.ev-supplier{color:var(--ink-soft)}
.ev-official{color:var(--ink-soft);border-style:dashed}

/* Three-column body: TOC rail · reading column · notes rail */
.article-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 290px;gap:0;margin-top:var(--space-2xl)}
.article-toc{position:sticky;top:64px;align-self:start;padding-right:var(--column-gap)}
.article-toc ol{list-style:none;margin:var(--space-s) 0 0;padding:0;counter-reset:t}
.article-toc li{counter-increment:t;display:grid;grid-template-columns:22px 1fr;padding:7px 0;border-top:var(--line-hair)}
.article-toc li::before{content:counter(t);color:var(--accent);font:var(--type-label);letter-spacing:var(--track-label)}
.article-toc a{text-decoration:none}
.article-toc a:hover{color:var(--accent)}
.article-main{padding:0 var(--space-2xl);border-left:var(--line-hair);border-right:var(--line-hair);min-width:0}
.article-main>section{margin-bottom:52px;scroll-margin-top:64px}
.article-main h2{margin:0 0 var(--space-l);padding-top:var(--space-m);border-top:var(--line-heavy)}
.prose p{margin:0 0 var(--space-l);max-width:66ch}

.has-dropcap>p:first-of-type::first-letter{initial-letter:3;-webkit-initial-letter:3;margin-right:10px;color:var(--accent)}

/* Quick answer */
.quick-answer{background:var(--band);color:var(--band-ink);padding:var(--space-xl) var(--space-xl) var(--space-l);transition:background-color var(--motion-edition)}
.quick-lead{margin:var(--space-s) 0}
.quick-body{margin:0 0 var(--space-l)}
.choices{list-style:none;margin:0 0 var(--space-m);padding:0}
.choices li{border-top:var(--line-rule)}
.choices a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) auto;gap:var(--space-m);align-items:baseline;padding:10px 0;text-decoration:none}
.choices a:hover .choice-then{text-decoration:underline}
.quick-evidence{display:flex;gap:var(--space-s);margin:0}

/* Pull quote */
.pull-quote{margin:var(--space-xl) 0 var(--space-xl) calc(-1 * var(--space-xl));padding:var(--space-s) 0 var(--space-s) var(--space-xl);border-left:var(--line-accent-bar)}
.pull-quote p{margin:0 0 var(--space-s)}
.pull-quote footer{display:flex;align-items:center;gap:var(--space-s)}

/* Comparison table */
.table-wrap{overflow-x:auto;margin:var(--space-s) 0 var(--space-xl)}
.compare{width:100%;border-collapse:collapse;border-top:var(--line-heavy);border-bottom:var(--line-heavy)}
.compare th{text-align:left;padding:var(--space-s) var(--space-m) var(--space-s) 0;border-bottom:var(--line-rule)}
.compare td{vertical-align:top;padding:var(--space-m) var(--space-m) var(--space-m) 0;border-bottom:var(--line-hair)}
.compare td:first-child a{text-decoration:none}
.compare td:first-child a:hover{color:var(--accent)}

/* Product cards */
.product-card{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:var(--space-xl);padding:var(--space-xl) 0;border-top:var(--line-rule);scroll-margin-top:64px}
.product-card.is-first{border-top:var(--line-heavy)}
.product-photo{display:block;align-self:start;text-decoration:none}
.product-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border:var(--line-rule)}
.product-credit{display:block;margin-top:5px;color:var(--ink-soft)}
.product-label{margin:0 0 var(--space-xs);color:var(--accent)}
.product-card h3{margin:0 0 var(--space-s)}
.product-facts{display:flex;flex-direction:column;gap:2px;margin:0 0 var(--space-m);color:var(--ink-soft)}
.product-facts b{color:var(--ink)}
.product-why{margin:0 0 var(--space-m)}
.product-why>div{padding:var(--space-s) 0;border-top:var(--line-hair)}
.product-why dt{display:flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-xs)}
.product-why dd{margin:0}
.product-caution{margin:0 0 var(--space-m);padding-left:var(--space-m);border-left:var(--line-accent-bar)}
.product-details{margin:0 0 var(--space-l);border-top:var(--line-hair);border-bottom:var(--line-hair)}
.product-details summary{cursor:pointer;padding:var(--space-s) 0}
.product-details p{margin:0 0 var(--space-s)}
.cta{display:inline-flex;align-items:center;gap:var(--space-s);background:var(--ink);color:var(--paper);border-radius:var(--radius-pill);padding:11px 20px;text-decoration:none;transition:background-color var(--motion-fast)}
.cta:hover{background:var(--accent);color:var(--accent-ink)}
.cta-light{background:var(--accent-ink);color:var(--accent)}
.cta-light:hover{background:var(--ink);color:var(--paper)}

/* Day plan */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--line-heavy)}
.plan{padding:var(--space-l) var(--space-l) var(--space-l) 0}
.plan+.plan{padding-left:var(--space-l);border-left:var(--line-hair)}
.plan-num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:var(--type-label);letter-spacing:var(--track-label)}
.plan h3{margin:var(--space-s) 0 var(--space-xs)}
.plan-ends{margin:0 0 var(--space-m);color:var(--ink-soft)}
.plan p{margin:0 0 var(--space-s)}
.plan-note{margin:var(--space-m) 0 0;color:var(--ink-soft)}

/* DIY */
.place{display:grid;grid-template-columns:auto 1fr;gap:0 var(--space-l);align-items:baseline;padding:var(--space-l) 0;margin-bottom:var(--space-l);border-top:var(--line-rule);border-bottom:var(--line-rule)}
.place-ko,.place-en{margin:0}
.place-meta{grid-column:1/-1;margin:var(--space-s) 0 0}
.dishes{display:flex;flex-wrap:wrap;gap:var(--space-s);list-style:none;margin:0 0 var(--space-xl);padding:0}
.dishes li{display:flex;align-items:baseline;gap:var(--space-s);border:var(--line-rule);border-radius:var(--radius-pill);padding:6px 14px}
.article-phrases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l)}
.reply-block{border-top:var(--line-hair);padding-top:var(--space-s)}
.reply-block summary{cursor:pointer;color:var(--accent)}
.reply-block p{margin:var(--space-s) 0 0}
.reply-label{display:block;color:var(--ink-soft)}
.reply-ko{display:block}

/* Verdict and note */
.verdict{background:var(--accent);color:var(--accent-ink);padding:var(--space-xl) var(--space-2xl) var(--space-xl);transition:background-color var(--motion-edition)}
.article-main .verdict h2{border-top-color:var(--accent-ink)}
.verdict-answer{margin:0 0 var(--space-m)}
.verdict-body{margin:0 0 var(--space-l)}
.verdict ul{list-style:none;margin:0 0 var(--space-l);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-xl)}
.verdict li{padding:var(--space-s) 0;border-top:1px solid var(--rule-on-accent)}
.verdict li::before{content:'✓ ';}
.verdict-fine{margin:var(--space-l) 0 0}
.verdict .ev{color:var(--accent-ink)}
.editor-note{border:var(--line-rule);padding:var(--space-l) var(--space-xl)}
.editor-note p:last-child{margin:0}
.sources summary{cursor:pointer;padding:var(--space-m) 0;border-top:var(--line-heavy);border-bottom:var(--line-rule)}
.source-list{margin:0;padding:0 0 0 20px}
.source-list li{padding:var(--space-s) 0;border-bottom:var(--line-hair)}
.source-type{margin-right:6px;color:var(--accent)}

/* Notes rail */
.article-rail{position:sticky;top:64px;align-self:start;padding-left:var(--column-gap);display:flex;flex-direction:column;gap:var(--space-xl)}
.rail-box{border-top:var(--line-heavy);padding-top:var(--space-m)}
.rail-box h3{margin:var(--space-xs) 0 var(--space-s)}
.rail-box ol,.rail-box ul{margin:0;padding:0;list-style:none}
.rail-box li{display:flex;align-items:baseline;gap:var(--space-s);padding:7px 0;border-top:var(--line-hair)}
.rail-box ol{counter-reset:r}
.rail-box ol li{counter-increment:r}
.rail-box ol li::before{content:counter(r);color:var(--accent);font:var(--type-label);letter-spacing:var(--track-label)}
.rail-key li{flex-direction:column;gap:var(--space-xs)}
.rail-editor{--cast-h:200px;background:var(--band);color:var(--band-ink);padding:var(--space-l);text-align:center;transition:background-color var(--motion-edition)}
.rail-editor .cast{margin:0 auto var(--space-s)}
.rail-editor h3,.rail-editor p{margin:0}
.rail-editor .editor-desks{margin-top:var(--space-xs)}

/* Related */
.related{margin-bottom:var(--space-section)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.related-grid .story{margin:0;padding:0 var(--column-gap);border-top:0}
.related-grid .story:first-child{padding-left:0}
.related-grid .story+.story{border-left:var(--line-hair)}

/* Tablet */
@media (max-width:1080px){
  .article-grid{grid-template-columns:minmax(0,1fr) 260px}
  .article-toc{grid-column:1/-1;position:static;padding:0 0 var(--space-l)}
  .article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-l)}
  .article-toc li{padding:6px 0}
  .article-main{padding:0 var(--space-xl) 0 0;border-left:0}
  .plans,.article-phrases{grid-template-columns:1fr}
  .plan+.plan{padding-left:0;border-left:0;border-top:var(--line-hair)}
}

/* Phone */
@media (max-width:760px){
  .mini-row{grid-template-columns:auto 1fr;gap:var(--space-m)}
  .mini-tag{display:none}
  .mini-edition{justify-self:end}
  .article-head{padding-top:var(--space-xl)}
  .article-cover img{aspect-ratio:3/2}
  .article-grid{grid-template-columns:1fr}
  .article-toc{display:none}
  .article-main{padding:0;border:0}
  .article-rail{position:static;padding:0;margin-bottom:var(--space-xl)}
  .choices a{grid-template-columns:1fr auto}
  .choice-then{grid-column:1}
  .pull-quote{margin-left:0;padding-left:var(--space-l)}
  .product-card{grid-template-columns:1fr;gap:var(--space-m)}
  .verdict{padding:var(--space-xl) 20px}
  .verdict ul{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
  .related-grid .story{padding:0}
  .related-grid .story+.story{border-left:0;border-top:var(--line-rule);padding-top:var(--space-l);margin-top:var(--space-l)}
}
.product-photo-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);aspect-ratio:3/2;background:var(--band);color:var(--band-ink);border:var(--line-rule);text-align:center;padding:var(--space-m);transition:background-color var(--motion-edition)}
.product-photo-link .spot{width:64px;height:56px;background-position:center}
.photo-link-label{font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase}
.product-photo-link:hover .photo-link-label{text-decoration:underline}

/* Comparison table becomes stacked rows on narrow screens */
@media (max-width:600px){
  .compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .compare tr{display:block;padding:var(--space-m) 0;border-bottom:var(--line-hair)}
  .compare td{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:var(--space-m);padding:3px 0;border:0}
  .compare td::before{content:attr(data-label);padding-top:3px;color:var(--ink-soft);font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase}
  .compare td:first-child{display:block;padding:0 0 var(--space-xs);font:var(--type-name-s);letter-spacing:var(--track-name-s)}
  .compare td:first-child::before{content:none}
}

/* mablog-rendered articles: body figures, Viator cards from mablog, rail avatar */
.mablog-body h2{margin-top:var(--space-2xl)}
.mablog-body ul,.mablog-body ol{padding-left:22px;margin:0 0 var(--space-l)}
.mablog-body hr{border:0;border-top:var(--line-rule);margin:var(--space-xl) 0}
.mb-figure{margin:var(--space-xl) 0}
.mb-figure img{width:100%;height:auto;border:var(--line-rule)}
.mb-figure figcaption{margin-top:6px;color:var(--ink-soft);font:var(--type-aside);letter-spacing:var(--track-aside)}
.photo-credit{display:block;margin-top:2px;font:var(--type-fine);letter-spacing:var(--track-fine)}
.photo-credit a{color:inherit}
.tour-card-wrap{margin:var(--space-l) 0 var(--space-xl)}
/* Viator card: the operator photos keep Viator's own 3:2 frame (nothing cropped), swipe/arrow gallery when there are several,
   then title, facts, price and one button. The whole text side opens the listing. */
.tour-card{position:relative;display:grid;grid-template-areas:"body" "buy" "source";margin:var(--space-l) 0 var(--space-xl);border:var(--line-rule);border-top:var(--line-edition-top);background:var(--card);transition:border-color var(--motion-edition)}
.tour-card.has-photo{grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-areas:"media body" "source buy"}
.tc-media{grid-area:media;position:relative;align-self:start;aspect-ratio:3/2;overflow:hidden;background:var(--later-stripe)}
.tc-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.tc-track::-webkit-scrollbar{display:none}
.tc-slide{flex:0 0 100%;scroll-snap-align:start;background-position:center;background-size:cover}
.tc-nav{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font:var(--type-name-s);cursor:pointer;opacity:0;transition:opacity var(--motion-fast)}
.tc-prev{left:var(--space-s)}
.tc-next{right:var(--space-s)}
.tc-media:hover .tc-nav,.tc-nav:focus-visible{opacity:1}
.tc-nav[hidden]{display:none}
@media (hover:none){.tc-nav{display:none}}
.tc-count{position:absolute;right:var(--space-s);bottom:var(--space-s);padding:1px var(--space-s);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font:var(--type-fine);letter-spacing:var(--track-fine);pointer-events:none}
.tc-body{grid-area:body;position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--space-s);min-width:0;padding:var(--space-l) var(--space-xl) var(--space-s)}
.tour-card .tc-body p{margin:0;max-width:none}
.tc-title-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--ink);text-decoration:none;font:var(--type-headline-card);letter-spacing:var(--track-headline-card)}
.tc-title-link::after{content:"";position:absolute;inset:0}
@media (hover:hover){.tour-card:hover{border-color:var(--ink)}.tour-card:hover .tc-title-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}}
.tour-card .tc-meta{font:var(--type-table);letter-spacing:var(--track-table)}
.tc-dot{margin:0 6px;color:var(--ink-soft)}
.tc-soft{color:var(--ink-soft)}
.tc-buy{grid-area:buy;align-self:end;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-s) var(--space-m);margin:0 var(--space-xl) var(--space-l);padding-top:var(--space-m);border-top:var(--line-hair)}
.tour-card .tc-price{margin:0;font:var(--type-ui-text);letter-spacing:var(--track-ui-text)}
.tc-price strong{font:var(--type-headline-m);letter-spacing:var(--track-headline-m)}
.tc-cta{position:relative;z-index:1;display:inline-flex;padding:10px 18px;border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);text-decoration:none;text-transform:uppercase;font:var(--type-button);letter-spacing:var(--track-button)}
.tc-cta:hover,.tc-cta:focus-visible{background:var(--accent);color:var(--accent-ink)}
.tour-card .tc-source{grid-area:source;align-self:end;max-width:none;margin:0;padding:var(--space-s) var(--space-m) var(--space-l);font:var(--type-fine);letter-spacing:var(--track-fine);color:var(--ink-soft)}
.tour-card:not(.has-photo) .tc-source{padding:0 var(--space-xl) var(--space-l)}
/* Phones: a compact row (3:2 thumbnail + title and facts), then price and button on one line, so the card stays a pointer, not a page */
@media (max-width:600px){
  .tour-card.has-photo{grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-areas:"media body" "buy buy" "source source"}
  .tc-media{margin:var(--space-m) 0 0 var(--space-m)}
  .tc-body{justify-content:flex-start;gap:var(--space-xs);padding:var(--space-m)}
  .tc-title-link{-webkit-line-clamp:2;font:var(--type-name-s);letter-spacing:var(--track-name-s)}
  .tour-card .tc-meta{font:var(--type-fine);letter-spacing:var(--track-fine)}
  .tc-dot{margin:0 4px}
  .tc-count{right:var(--space-xs);bottom:var(--space-xs);padding:0 6px}
  .tc-buy{margin:var(--space-s) var(--space-m) 0;padding-top:var(--space-s)}
  .tc-price strong{font:var(--type-name-s);letter-spacing:var(--track-name-s)}
  .tc-cta{padding:9px 14px}
  .tour-card .tc-source,.tour-card:not(.has-photo) .tc-source{padding:var(--space-xs) var(--space-m) var(--space-m)}
  .tour-card:not(.has-photo) .tc-buy{margin-top:0}
}
/* Summary box (Markdown quote whose first line is **Label**): quick picks and checks near the top of a guide */
.summary-box{margin:var(--space-l) 0 var(--space-xl);padding:var(--space-l) var(--space-xl);border:var(--line-rule);border-top:var(--line-edition-top);background:var(--card)}
.summary-box > p.box-label{margin:0 0 var(--space-s);font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent)}
.summary-box ul,.summary-box ol{margin:0 0 var(--space-m);padding-left:20px}
.summary-box ul li,.summary-box ol li{margin:0 0 var(--space-xs);font:var(--type-body-s);letter-spacing:var(--track-body-s)}
.summary-box > p:not(.box-label):not(.box-sub){margin:var(--space-s) 0 0;max-width:none;font:var(--type-body-s);letter-spacing:var(--track-body-s)}
.summary-box > p.box-sub{margin:var(--space-m) 0 var(--space-s);padding-top:var(--space-m);border-top:var(--line-hair);font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-soft)}
.summary-box > :last-child{margin-bottom:0}
.summary-box a{text-underline-offset:3px}
@media (max-width:600px){.summary-box{padding:var(--space-m) var(--space-l)}}
.tour-card{scroll-margin-top:72px}
/* Fallback when mablog's card shape is unexpected: the cleaned original card */
.mb-tour-card{border:var(--line-rule);border-top:var(--line-edition-top);background:var(--card);padding:var(--space-l) var(--space-xl);transition:border-color var(--motion-edition)}
.mb-tour-card p{margin:0 0 var(--space-s)}
.mb-tour-card-title a{text-decoration:none;font:var(--type-headline-card);letter-spacing:var(--track-headline-card)}
.mb-tour-card-title a:hover{color:var(--accent)}
.mb-tour-card-facts{font:var(--type-table);letter-spacing:var(--track-table);color:var(--ink-soft)}
.mb-tour-card-cta a{display:inline-flex;background:var(--ink);color:var(--paper);border-radius:var(--radius-pill);padding:9px 18px;text-decoration:none;font:var(--type-button);letter-spacing:var(--track-button);text-transform:uppercase}
.mb-tour-card-cta a:hover{background:var(--accent);color:var(--accent-ink)}
.mb-tour-card-source{font:var(--type-fine);letter-spacing:var(--track-fine);color:var(--ink-soft)}
.rail-avatar{display:block;height:200px;width:auto;margin:0 auto var(--space-s)}
.rail-answer{margin:0;font:var(--type-body);letter-spacing:var(--track-body)}
.rail-bio{margin-top:var(--space-s);font:var(--type-body-s);letter-spacing:var(--track-body-s)}
.affiliate-note{margin:0 0 var(--space-l);padding:var(--space-s) var(--space-m);border-left:var(--line-accent-bar);color:var(--ink-soft);font:var(--type-fine);letter-spacing:var(--track-fine)}

/* End of article: sign-off, how we checked, read next, desks, editors */
.signoff{display:grid;grid-template-columns:72px 1fr;gap:var(--space-l);align-items:start;margin:var(--space-2xl) 0 var(--space-l);padding:var(--space-l) 0;border-top:var(--line-heavy);border-bottom:var(--line-rule)}
.signoff-face{width:72px;height:72px;border-radius:50%;border:var(--line-rule);object-fit:cover;object-position:center 15%;background:var(--face-ground)}
.signoff-name{margin:var(--space-xs) 0;font:var(--type-headline-card);letter-spacing:var(--track-headline-card)}
.signoff-name span{color:var(--ink-soft);font:var(--type-ui-text);letter-spacing:var(--track-ui-text)}
.signoff-bio{margin:0 0 var(--space-s);font:var(--type-body-s);letter-spacing:var(--track-body-s)}
.signoff-review{margin:0 0 var(--space-s);color:var(--ink-soft);font:var(--type-ui-text);letter-spacing:var(--track-ui-text)}
.signoff-more{font:var(--type-label-l);letter-spacing:var(--track-label-l);text-transform:uppercase;text-decoration:none;color:var(--accent)}
.checked{margin:0 0 var(--space-2xl);border-bottom:var(--line-hair)}
.checked summary{cursor:pointer;padding:var(--space-s) 0;font:var(--type-ui);letter-spacing:var(--track-ui);color:var(--ink-soft)}
.checked ol{margin:0 0 var(--space-m);padding-left:20px;font:var(--type-body-s);letter-spacing:var(--track-body-s)}
.checked li{padding:5px 0;border-top:var(--line-hair)}
.article-end{margin-top:var(--space-section);border-top:var(--line-double)}
.next-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0}
.next-card.is-big{padding-right:var(--column-gap);border-right:var(--line-hair)}
.next-list{padding-left:var(--column-gap)}
.next-list .next-card{display:grid;grid-template-columns:150px 1fr;gap:var(--space-m);padding:var(--space-m) 0;border-top:var(--line-rule)}
.next-list .next-card:first-child{border-top:0;padding-top:0}
.next-img{display:block;overflow:hidden}
.next-img img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform var(--motion-slow) var(--ease)}
.next-card.is-big .next-img img{aspect-ratio:16/9}
.next-img:hover img{transform:scale(1.025)}
.next-kicker{margin:var(--space-s) 0 var(--space-xs);font:var(--type-headline-m);letter-spacing:var(--track-headline-m);text-transform:uppercase}
.next-card.is-big .next-kicker{font:var(--type-headline-xl);letter-spacing:var(--track-headline-xl)}
.next-kicker a{text-decoration:none}
.next-kicker a:hover{color:var(--accent)}
.next-deck{margin:0 0 var(--space-s);font:var(--type-deck-s);letter-spacing:var(--track-deck-s)}
.next-excerpt{margin:0 0 var(--space-s);font:var(--type-body);letter-spacing:var(--track-body)}
.next-by{display:flex;align-items:center;gap:var(--space-s);margin:0;font:var(--type-ui);letter-spacing:var(--track-ui)}
.desk-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:var(--space-2xl) 0;border-top:var(--line-heavy);border-bottom:var(--line-rule)}
.desk-strip a{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-m) var(--space-s);text-decoration:none;font:var(--type-nav);letter-spacing:var(--track-nav)}
.desk-strip a+a{border-left:var(--line-hair)}
.desk-strip a:hover{background:var(--card);color:var(--accent)}
.desk-strip small{color:var(--ink-soft);font:var(--type-fine);letter-spacing:var(--track-fine)}
.end-editors{background:var(--band);color:var(--band-ink);padding:var(--space-xl) 0;transition:background-color var(--motion-edition)}
.end-editor-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-l);margin-top:var(--space-m)}
.end-editor{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:var(--space-m);align-items:center;text-decoration:none}
.end-editor img{grid-row:1/3;width:64px;height:64px;border-radius:50%;border:var(--line-rule);object-fit:cover;object-position:center 15%;background:var(--face-ground)}
.end-editor b{font:var(--type-name-s);letter-spacing:var(--track-name-s)}
.end-editor span{font:var(--type-ui-text);letter-spacing:var(--track-ui-text)}
@media (max-width:1080px){.desk-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.desk-strip a:nth-child(5){border-left:0}.end-editor-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.next-grid{grid-template-columns:1fr}.next-card.is-big{padding:0 0 var(--space-l);border:0;border-bottom:var(--line-rule)}.next-list{padding:var(--space-l) 0 0}.next-list .next-card{grid-template-columns:110px 1fr}.desk-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-strip a{border-left:0!important;border-top:var(--line-hair)}.end-editor-row{grid-template-columns:1fr 1fr}.signoff{grid-template-columns:56px 1fr}.signoff-face{width:56px;height:56px}}

/* In this guide: current section + reading progress */
.article-toc li{transition:background-color var(--motion-fast),padding var(--motion-fast)}
.article-toc a{display:block;transition:color var(--motion-fast)}
.article-toc a.is-current{color:var(--accent)}
/* The accent bar sits left of the number; padding keeps the bar and the section number apart */
.article-toc li:has(a.is-current){background:var(--card);box-shadow:inset 3px 0 0 var(--accent);padding-left:12px;padding-right:8px}
.article-toc li:has(a.is-current)::before{color:var(--accent)}
.toc-progress{display:block;height:3px;margin-bottom:var(--space-s);background:var(--hair);position:relative;overflow:hidden}
.toc-progress::after{content:'';position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(var(--progress,0));transition:transform var(--motion-fast) linear}

/* LVR pages (About, policies) */
.policy-page .article-head h1{max-width:none}
.page-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-l);margin-left:auto}
.page-nav a{text-decoration:none;font:var(--type-nav);letter-spacing:var(--track-nav)}
.page-nav a[aria-current]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.tbc{display:inline-block;padding:0 6px;border:1px dashed var(--accent);color:var(--accent);font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase}
/* Author links in bylines */
.byline-name a,.signoff-name a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
/* Hub pages: editor and desk indexes (authors-*.html, desks-*.html, 404.html) */
.hub-body{max-width:860px;padding-bottom:var(--space-xl)}
.hub-note{margin:var(--space-l) 0}
.hub-count{margin:var(--space-xl) 0 var(--space-m);padding-top:var(--space-m);border-top:var(--line-heavy)}
.hub-list{padding-left:0}
.hub-list .next-card:first-child{border-top:0;padding-top:0}
/* Phones: the short answer comes before the guide, not after it (the sign-off already carries the editor's bio) */
@media (max-width:760px){.article-rail{order:-1}.rail-editor{display:none}}