/* Article-only presentation. Never included on the six finished landing pages. */
.reader-page .article-reader { overflow-wrap: break-word; }
.reader-page h1 { font: var(--weight-medium) var(--heading-reader)/var(--leading-display) var(--font-display); letter-spacing: var(--tracking-display); text-wrap: balance; }
.reader-page h2 { font: var(--weight-medium) var(--heading-reader-section)/var(--leading-subheading) var(--font-display); letter-spacing: var(--tracking-subheading); }
.reader-page h3 { font-family: var(--font-display); font-weight: var(--weight-medium); }
.reader-label { font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); letter-spacing: var(--tracking-kicker); text-transform: uppercase; color: var(--color-muted); }
.reader-edition-line { display: flex; justify-content: space-between; gap: var(--space-4); align-items: center; padding-block: var(--space-6); border-bottom: var(--border-width) solid var(--color-border); font: var(--text-xs)/var(--leading-copy) var(--font-motion-mono); }
.reader-edition-line a { padding-block: var(--space-2); }
.reader-edition-line a:hover { color: var(--color-link); }
.reader-edition-line > span { text-align: right; }
.reader-meter { position: fixed; top: var(--nav-height); left: 0; right: 0; height: 2px; z-index: 45; pointer-events: none; }
.reader-meter span { display: block; height: 100%; background: var(--color-primary); transform: scaleX(0); transform-origin: left; }
.reader-guide-opening { background: var(--color-reader-night); color: var(--color-inverse-text); }
.reader-guide-opening .reader-edition-line { color: var(--color-inverse-muted); border-color: var(--color-inverse-border); }
.reader-guide-opening .reader-edition-line a:hover { color: var(--color-secondary); }
.reader-guide-hero { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: var(--space-12); align-items: center; padding-block: var(--space-10) var(--space-12); }
.reader-guide-intro h1 { color: var(--color-inverse-heading); margin-block: var(--space-4) var(--space-6); }
.reader-guide-intro .reader-label { color: var(--color-secondary); }
.reader-guide-intro .lead { color: var(--color-inverse-text); font-size: var(--text-lg); }
.reader-hero-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); width: fit-content; min-height: var(--touch-target); margin-top: var(--space-6); color: var(--color-secondary); font-size: var(--text-sm); border-bottom: var(--border-width) solid var(--color-inverse-control-border); }
.reader-hero-link:hover { color: var(--color-inverse-heading); }
.reader-cover { min-width: 0; }
.reader-cover img { height: var(--image-handbook-card-height); object-fit: var(--image-fit-photo); border-radius: var(--radius-md); }
.reader-cover figcaption { display: flex; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-4); font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); color: var(--color-inverse-muted); }
.reader-layout { display: grid; grid-template-columns: var(--reader-rail-width) minmax(0,var(--reader-column-width)); justify-content: space-between; gap: var(--space-12); padding-block: var(--space-12); align-items: start; }
.reader-navigation { position: sticky; top: calc(var(--nav-height) + var(--space-8)); min-width: 0; max-height: calc(100svh - var(--nav-height) - var(--space-12)); overflow-y: auto; }
.reader-navigation-desktop { border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-5); }
.reader-navigation nav { display: grid; gap: var(--space-1); margin-top: var(--space-4); }
.reader-navigation nav a { display: flex; align-items: baseline; gap: var(--space-3); min-height: var(--touch-target); padding: var(--space-3) var(--space-2); border-left: var(--border-width) solid transparent; font: var(--text-sm)/var(--leading-label) var(--font-body); color: var(--color-muted); transition: color var(--motion-standard), border-color var(--motion-standard); }
.reader-navigation nav a span { font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); color: var(--color-muted); }
.reader-navigation nav a[aria-current="location"] { color: var(--color-link); border-color: var(--color-primary); background: var(--color-band); }
.reader-navigation nav a:hover { color: var(--color-link); }
.reader-top { display: flex; align-items: center; justify-content: space-between; margin-top: var(--space-5); padding-block: var(--space-4); border-top: var(--border-width) solid var(--color-border); font-size: var(--text-xs); }
.reader-navigation-mobile { display: none; }
.reader-copy { min-width: 0; }
.reader-copy p { font-size: var(--text-lg); line-height: var(--leading-reading); }
.reader-copy .reader-label { font-size: var(--text-xs); line-height: var(--leading-label); }
.reader-answer { background: var(--color-reader-panel); border-top: var(--border-width) solid var(--color-reader-edge); padding: var(--space-6); margin-bottom: var(--space-6); }
.reader-answer > p:last-child { margin-top: var(--space-4); font-size: var(--text-lg); line-height: var(--leading-comfortable); }
.reader-chapters { counter-reset: chapter; }
.reader-chapters .reading-section { padding-block: var(--space-8); border-top: var(--border-width) solid var(--color-border); }
.reader-chapters .reading-section h2 { margin-bottom: var(--space-4); }
.reader-chapters .reading-section h2::before { counter-increment: chapter; content: counter(chapter, decimal-leading-zero); display: block; font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); letter-spacing: var(--tracking-kicker); color: var(--color-muted); margin-bottom: var(--space-3); }
.reader-copy p + p { margin-top: var(--space-4); }
.reader-copy p a { color: var(--color-link); text-decoration: underline; text-underline-offset: var(--space-1); }
.reader-copy figcaption { font-size: var(--text-xs); line-height: var(--leading-copy); color: var(--color-muted); margin-top: var(--space-2); }
.reader-copy .editorial-figure { margin-top: var(--space-2); }
.reader-mistakes { padding-block: var(--space-8); border-top: var(--border-width) solid var(--color-border); }
.reader-mistakes h2 { margin-top: var(--space-3); }
.reader-mistakes ul { margin: var(--space-5) 0 0; padding-left: var(--space-5); }
.reader-mistakes li { padding-left: var(--space-2); margin-block: var(--space-3); line-height: var(--leading-reading); }
.reader-mistakes li::marker { color: var(--color-accent-editorial-ink); }
.reader-checklist { margin-top: var(--space-4); padding: var(--space-8); background: var(--color-reader-panel); border-top: var(--space-1) solid var(--color-primary); }
.reader-checklist-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-6); }
.reader-checklist h2 { margin-top: var(--space-3); }
.reader-checklist output { flex-shrink: 0; font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); color: var(--color-muted); }
.reader-checklist label { display: flex; align-items: baseline; gap: var(--space-4); padding-block: var(--space-4); min-height: var(--touch-target); border-top: var(--border-width) solid var(--color-border); cursor: pointer; }
.reader-checklist input { accent-color: var(--color-primary); flex-shrink: 0; width: var(--space-4); height: var(--space-4); }
.reader-checklist input:checked + span { color: var(--color-muted); text-decoration: line-through; }
.reader-more { padding-bottom: var(--space-10); }
.reader-more summary,.reader-navigation-mobile summary { cursor: pointer; padding-block: var(--space-4); min-height: var(--touch-target); font-size: var(--text-sm); list-style: none; }
.reader-more summary::-webkit-details-marker,.reader-navigation-mobile summary::-webkit-details-marker { display: none; }
.reader-more summary span,.reader-navigation-mobile summary span { float: right; }
.reader-more nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4) var(--space-8); padding-block: var(--space-4); }
.reader-more nav a { display: flex; justify-content: space-between; gap: var(--space-4); min-height: var(--touch-target); font-size: var(--text-sm); padding-block: var(--space-3); border-bottom: var(--border-width) solid var(--color-border); }
.reader-more nav a:hover { color: var(--color-link); }
.reader-page .next-reading { padding-top: var(--space-10); }
.reader-page .next-reading > h2 { font-family: var(--font-editorial); font-style: italic; font-size: var(--heading-reader-section); margin-bottom: var(--space-8); }
.reader-page .next-card h3 { font-size: var(--title-sm); line-height: var(--leading-small-heading); }
.reader-page .next-card { box-shadow: none; }
/* Comparison articles keep their chosen single-product or multi-product composition. */
.reader-page .comparison-heading { padding-block: var(--space-10) var(--space-8); }
.reader-page .comparison-heading h1 { max-width: 27ch; margin-block: var(--space-4) var(--space-5); font-size: var(--heading-reader); }
.reader-page .comparison-heading .lead { max-width: var(--reader-column-width); font-size: var(--text-lg); }
.reader-verdict { display: grid; grid-template-columns: var(--reader-rail-width) minmax(0,1fr); gap: var(--space-8); margin-bottom: var(--space-8); }
.reader-verdict > p:last-child { margin: 0; max-width: var(--reader-column-width); }
.reader-products { border-block: var(--border-width) solid var(--color-border); padding-block: var(--space-8); gap: var(--space-8); }
.reader-products .product-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.reader-products .product-card > div { padding: var(--space-5) 0 0; }
.reader-products .product-card h2 { font: var(--weight-medium) var(--title-md)/var(--leading-small-heading) var(--font-display); }
.reader-products .product-card .reader-label { font-size: var(--text-xs); }
.reader-products .product-card > .reader-product-image { position: relative; display: block; flex: none; padding: var(--space-5); background: var(--color-photo-surface); border-radius: var(--radius-md); }
.reader-product-image img { width: 100%; height: var(--image-showcase-product-height); object-fit: var(--image-fit-product); }
.reader-product-number { position: absolute; top: var(--space-3); left: var(--space-4); font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); color: var(--color-photo-text); }
.reader-page .reader-comparison-body { grid-template-columns: var(--reader-rail-width) minmax(0,1fr); }
.reader-comparison-body .reader-chapters { max-width: var(--reader-column-width); margin: 0; display: block; border: 0; }
.reader-comparison-body .reading-section + .reading-section { margin: 0; }
.reader-comparison-body .comparison-reading p { font-size: var(--text-lg); line-height: var(--leading-reading); color: var(--color-text); }
.reader-page .table-wrap { border-radius: 0; }
.reader-page .table-wrap th,.reader-page .table-wrap td { padding: var(--space-4); }
.reader-page .section-heading { flex-wrap: wrap; gap: var(--space-4); }
.reader-page .section-heading h2 { font-size: var(--heading-reader-section); }
.reader-context { display: flex; justify-content: space-between; align-items: center; gap: var(--space-8); padding: var(--space-8); background: var(--color-reader-panel); border-block: var(--border-width) solid var(--color-reader-edge); }
.reader-context h2 { margin-block: var(--space-3); }
.reader-context .btn { flex-shrink: 0; }
.reader-page .folio-masthead { background: var(--color-reader-night); gap: var(--space-8); padding: var(--space-10); border-top: var(--border-width) solid var(--color-secondary); }
.reader-page .folio-masthead h1 { font: var(--weight-medium) var(--heading-reader)/var(--leading-display) var(--font-display); }
.reader-page .folio-masthead .folio-intro { min-width: 0; }
.reader-page .folio-offset .folio-intro { grid-template-columns: minmax(0,1fr) var(--reader-rail-width); }
.reader-page .folio-verdict { margin-top: var(--space-8); padding: var(--space-6); border: 0; border-block: var(--border-width) solid var(--color-reader-edge); background: var(--color-reader-panel); }
.reader-page .folio-verdict > p:last-child { font-size: var(--text-lg); line-height: var(--leading-comfortable); }
.reader-page .folio-gallery { gap: var(--space-8); }
.reader-page .folio-product { background: transparent; box-shadow: none; border: 0; padding: 0; }
.reader-page .folio-product-copy h2 { font: var(--weight-medium) var(--title-md)/var(--leading-small-heading) var(--font-display); }
.reader-page .folio-product .spotlight-cover img { height: var(--image-spotlight-cover-height); border-radius: var(--radius-md); }
.reader-page .folio-body { grid-template-columns: var(--reader-rail-width) minmax(0,1fr); }
.reader-page .folio-offset .folio-body { grid-template-columns: minmax(0,1fr) var(--reader-rail-width); }
.reader-page .folio-offset .reader-navigation { grid-column: 2; grid-row: 1; }
.reader-page .folio-reading { max-width: var(--reader-column-width); }
.reader-page .folio-reading h2 { font: var(--weight-medium) var(--heading-reader-section)/var(--leading-subheading) var(--font-display); display: block; }
.reader-page .folio-number { display: block; margin-bottom: var(--space-3); font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); color: var(--color-muted); }
.reader-page .folio-reading p,.reader-page .spotlight-reading p { font-size: var(--text-lg); }
.reader-page .spotlight-introduction h1 { font: var(--weight-medium) var(--heading-reader)/var(--leading-display) var(--font-display); }
.reader-page .spotlight-editorial { padding-top: var(--space-8); }
.reader-page .spotlight-recommendation { padding-left: var(--space-5); }
.reader-page .spotlight-jumps { border-block: var(--border-width) solid var(--color-border); padding-block: var(--space-3); margin-block: var(--space-6); }
.reader-page .spotlight-reading h2,.reader-page .spotlight-decision h2,.reader-page .folio-decision h2 { font: var(--weight-medium) var(--heading-reader-section)/var(--leading-subheading) var(--font-display); }
.reader-page .spotlight-feature-title { max-width: 100%; }
@media (max-width:1000px) {
  .reader-guide-hero { gap: var(--space-8); }
  .reader-cover img { height: var(--image-handbook-card-mobile-height); }
  .reader-layout,.reader-page .reader-comparison-body,.reader-page .folio-body { grid-template-columns: minmax(0,1fr); gap: var(--space-6); }
  .reader-copy { width: 100%; max-width: var(--reader-column-width); margin-inline: auto; }
  .reader-navigation { position: static; max-height: none; overflow: visible; }
  .reader-navigation-desktop { display: none; }
  .reader-navigation-mobile { display: block; border-block: var(--border-width) solid var(--color-border); }
  .reader-navigation-mobile nav { padding-bottom: var(--space-4); }
  .reader-page .folio-offset .folio-body { grid-template-columns: minmax(0,1fr); }
  .reader-page .folio-offset .reader-navigation,.reader-page .folio-offset .folio-main { grid-column: auto; grid-row: auto; }
  .reader-page .folio-reading { margin-inline: auto; }
  .reader-page .folio-masthead { grid-template-columns: 1fr; gap: var(--space-5); }
  .reader-verdict { grid-template-columns: 1fr; gap: var(--space-4); }
}
@media (max-width:700px) {
  .reader-page h1,.reader-page .comparison-heading h1,.reader-page .folio-masthead h1,.reader-page .spotlight-introduction h1 { font-size: var(--heading-reader-mobile); }
  .reader-edition-line { padding-block: var(--space-3); gap: var(--space-3); }
  .reader-guide-hero { grid-template-columns: 1fr; padding-block: var(--space-6) var(--space-8); gap: var(--space-6); }
  .reader-guide-intro h1 { margin-block: var(--space-3) var(--space-4); }
  .reader-guide-intro .lead { font-size: var(--text-base); }
  .reader-hero-link { margin-top: var(--space-4); }
  .reader-cover img { height: var(--image-article-medium-height-mobile); }
  .reader-cover figcaption { margin-top: var(--space-3); font-size: var(--text-xs); }
  .reader-layout { padding-block: var(--space-6); }
  .reader-copy p,.reader-comparison-body .comparison-reading p,.reader-page .folio-reading p,.reader-page .spotlight-reading p { font-size: var(--text-base); }
  .reader-answer { padding-block: var(--space-5); margin-bottom: var(--space-3); }
  .reader-answer > p:last-child { font-size: var(--text-base); }
  .reader-chapters .reading-section { padding-block: var(--space-6); }
  .reader-checklist { padding: var(--space-5); }
  .reader-checklist-heading { align-items: start; flex-direction: column; gap: var(--space-3); }
  .reader-more nav { grid-template-columns: 1fr; }
  .reader-products { gap: var(--space-6); }
  .reader-products .product-card,.reader-products.spotlight-product .product-card { display: grid; grid-template-columns: var(--image-product-card-width-mobile) minmax(0,1fr); gap: var(--space-4); align-items: start; }
  .reader-products .product-card > .reader-product-image { padding: var(--space-3); }
  .reader-product-image img { height: var(--image-product-card-height); }
  .reader-products .product-card h2 { font-size: var(--title-sm); }
  .reader-products .product-card > div { padding-top: var(--space-3); }
  .reader-page .comparison-heading { padding-block: var(--space-6); }
  .reader-page .comparison-heading .lead { font-size: var(--text-base); }
  .reader-context { flex-direction: column; align-items: start; gap: var(--space-5); }
  .reader-page .folio-masthead { padding: var(--space-6); }
  .reader-page .folio-intro .lead { font-size: var(--text-base); }
  .reader-page .folio-offset .folio-intro { grid-template-columns: 1fr; gap: var(--space-4); }
  .reader-page .folio-verdict { grid-template-columns: 1fr; gap: var(--space-4); }
  .reader-page .folio-verdict > p:last-child { font-size: var(--text-base); }
  .reader-page .folio-gallery { grid-template-columns: 1fr; }
  .reader-page .folio-product .spotlight-cover img { height: var(--image-spotlight-cover-height-mobile); }
  .reader-page .spotlight-opening { gap: var(--space-6); }
}
/* News retains its journal identity and all three editorial presentations. */
.reader-page.news-reader .reader-imprint { padding-top: var(--space-6); border-color: var(--color-border); }
.reader-page.news-reader .article-layout { grid-template-columns: minmax(0,var(--reader-column-width)) var(--reader-rail-width); justify-content: space-between; gap: 0 var(--space-12); padding-top: var(--space-8); }
.reader-page.news-reader .article-heading { max-width: 100%; }
.reader-page.news-reader .article-heading h1 { font: var(--weight-regular) var(--heading-reader)/var(--leading-heading) var(--font-editorial); letter-spacing: var(--tracking-subheading); max-width: 28ch; }
.reader-page.news-reader .article-heading > .eyebrow { font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); text-transform: uppercase; letter-spacing: var(--tracking-kicker); }
.reader-page.news-reader .article-heading .lead { max-width: var(--reader-column-width); }
.reader-page.news-reader .article-summary { background: var(--color-reader-panel); border: 0; border-block: var(--border-width) solid var(--color-reader-edge); padding: var(--space-5); margin-block: var(--space-5) var(--space-8); max-width: var(--reader-column-width); }
.reader-page.news-reader .article-summary > .eyebrow { font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); color: var(--color-news-accent); text-transform: uppercase; letter-spacing: var(--tracking-kicker); margin-bottom: var(--space-3); }
.reader-page.news-reader .article-summary > p:last-child { line-height: var(--leading-comfortable); }
.reader-page.news-reader .article-body { max-width: var(--reader-column-width); }
.reader-page.news-reader .article-body h2 { font: var(--weight-regular) var(--heading-reader-section)/var(--leading-subheading) var(--font-editorial); margin-bottom: var(--space-4); }
.reader-page.news-reader .reading-section { border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-6); margin-top: var(--space-8); }
.reader-page.news-reader .reading-section:first-child { margin-top: 0; }
.reader-page.news-reader .news-briefing .reading-section h2::before { display: block; font: var(--text-xs)/var(--leading-label) var(--font-motion-mono); margin-bottom: var(--space-3); }
.reader-page.news-reader .article-aside { border-top: var(--border-width) solid var(--color-border); top: calc(var(--nav-height) + var(--space-6)); max-height: calc(100svh - var(--nav-height) - var(--space-10)); overflow-y: auto; }
.reader-page.news-reader .article-aside .article-hero { width: 100%; }
.reader-page.news-reader .article-aside .article-hero img { height: var(--image-article-compact-height); }
.reader-page.news-reader .article-aside nav a { min-height: var(--touch-target); display: flex; align-items: center; }
.reader-page.news-reader .aside-guide { background: transparent; border: 0; border-top: var(--border-width) solid var(--color-border); border-radius: 0; padding: var(--space-5) 0; box-shadow: none; }
.reader-page.news-reader .aside-guide h3 { font: var(--weight-regular) var(--title-md)/var(--leading-small-heading) var(--font-editorial); }
.reader-page.news-reader .news-briefing .article-heading { grid-column: 1; }
.reader-page.news-reader .news-briefing .article-aside { grid-row: 1 / 4; margin-top: 0; padding-top: 0; border: 0; }
.reader-page.news-reader .news-standard .article-heading { grid-column: 1; }
.reader-page.news-reader .news-standard > .article-hero { grid-column: 2; grid-row: 1; width: 100%; align-self: start; margin-top: var(--space-12); }
.reader-page.news-reader .news-standard > .article-hero img { height: var(--image-article-compact-height); }
.reader-page.news-reader .news-standard .article-aside { grid-row: 2; }
.reader-page.news-reader .news-feature .article-heading { grid-column: 1; }
.reader-page.news-reader .news-feature > .article-hero { grid-column: 2; grid-row: 1; width: 100%; align-self: center; }
.reader-page.news-reader .news-feature > .article-hero img { height: var(--image-article-compact-height); }
.reader-page.news-reader .news-feature .article-aside { grid-row: 2; }
.news-mobile-contents { display: none; }
.reader-products.spotlight-product .product-card { gap: var(--space-6); }
@media (max-width:1000px) {
  .reader-page.news-reader .article-layout { gap: 0 var(--space-8); grid-template-columns: minmax(0,1fr) var(--reader-rail-width); }
}
@media (max-width:700px) {
  .reader-page.news-reader .article-layout { display: flex; flex-direction: column; padding-top: var(--space-5); }
  .reader-page.news-reader .article-heading h1 { font-size: var(--heading-reader-mobile); }
  .reader-page.news-reader .article-heading { order: 0; }
  .reader-page.news-reader .article-summary { margin-bottom: var(--space-5); }
  .reader-page.news-reader .article-hero { order: 1; }
  .reader-page.news-reader .news-mobile-contents { display: block; order: 2; margin-block: var(--space-3) var(--space-6); }
  .reader-page.news-reader .article-body { order: 3; }
  .reader-page.news-reader .article-aside { display: contents; }
  .reader-page.news-reader .article-aside > :not(figure) { display: none; }
  .reader-page.news-reader .article-aside .article-hero { width: var(--image-article-compact-width-mobile); margin-block: 0 var(--space-4); }
  .reader-page.news-reader .article-aside .article-hero img { height: var(--image-article-compact-height-mobile); }
  .reader-page.news-reader .news-standard > .article-hero,.reader-page.news-reader .news-feature > .article-hero { width: var(--image-article-medium-width-mobile); margin-top: 0; }
  .reader-page.news-reader .news-standard > .article-hero img,.reader-page.news-reader .news-feature > .article-hero img { height: var(--image-article-medium-height-mobile); }
}

.reader-page .spotlight-decision,.reader-page .folio-decision { background: var(--color-reader-panel); padding: var(--space-8); border-color: var(--color-reader-edge); }
@media (max-width:700px) {
  .reader-context,.reader-page .spotlight-decision,.reader-page .folio-decision { padding: var(--space-5); }
}

/* Guide bodies only: the opening, navigation and other article families stay intact. */
.reader-page .guide-body h2 { font: var(--weight-medium) var(--title-sm)/var(--leading-small-heading) var(--font-display); letter-spacing: var(--tracking-subheading); margin: 0 0 var(--space-4); }
.guide-body .reader-answer { background: transparent; border: 0; padding: 0; margin: 0 0 var(--space-8); }
.guide-body .reader-answer > p:last-child { margin-top: var(--space-3); line-height: var(--leading-reading); }
.guide-body .guide-section { display: flow-root; padding: 0; margin-block: var(--space-8); border: 0; }
.guide-body .guide-section > p { margin-block: var(--space-4); }
.guide-body .guide-steps,.guide-body .guide-list { padding-left: var(--space-6); margin-block: var(--space-5); }
.guide-body .guide-steps li,.guide-body .guide-list li { font-size: var(--text-lg); line-height: var(--leading-reading); padding-left: var(--space-2); margin-block: var(--space-4); }
.guide-body li::marker { color: var(--color-link); font-weight: var(--weight-medium); }
.guide-body a { color: var(--color-link); text-decoration: underline; text-underline-offset: var(--space-1); }
.guide-body .guide-note { border-left: var(--space-1) solid var(--color-reader-edge); padding-left: var(--space-5); margin-block: var(--space-6); }
.guide-body .guide-note strong { font-weight: var(--weight-semibold); }
.guide-body .guide-table { max-width: 100%; overflow-x: auto; margin-block: var(--space-6); }
.guide-body .guide-table table { width: 100%; min-width: var(--reader-rail-width); border-collapse: collapse; table-layout: fixed; font-size: var(--text-base); line-height: var(--leading-copy); }
.guide-body .guide-table caption { text-align: left; font-size: var(--text-sm); color: var(--color-muted); padding-bottom: var(--space-3); }
.guide-body .guide-table th,.guide-body .guide-table td { min-width: 0; position: static; text-align: left; vertical-align: top; padding: var(--space-3); border: 0; border-bottom: var(--border-width) solid var(--color-border); overflow-wrap: anywhere; background: transparent; }
.guide-body .guide-table thead th { background: var(--color-reader-panel); color: var(--color-heading); font-weight: var(--weight-semibold); }
.guide-body .guide-table th:first-child { width: 30%; }
.guide-body .guide-table tbody th { font-weight: var(--weight-medium); }
.guide-body .reader-checklist { margin-top: var(--space-8); padding: var(--space-6) 0 0; background: transparent; border-top: var(--border-width) solid var(--color-reader-edge); }
.guide-body .reader-checklist-heading { margin-bottom: var(--space-3); }
.guide-body .reader-checklist h2 { margin-top: var(--space-3); margin-bottom: 0; }
.guide-body .reader-checklist label { font-size: var(--text-base); line-height: var(--leading-copy); }
@media (max-width:700px) {
  .guide-body .guide-steps li,.guide-body .guide-list li { font-size: var(--text-base); }
  .guide-body .guide-table table { font-size: var(--text-sm); }
  .guide-body .guide-table th,.guide-body .guide-table td { padding: var(--space-3) var(--space-2); }
}