/* =========================================================================
   INSIDE THE SCANNER (uk-radiology.co.uk) — design system "lightbox",
   prefix rdg-. Lexicon of the reading room: sheet (usable width), rail head
   (site header), index (nav), plate (wordmark), viewbox (home cover), tally
   (numbers band), trail (breadcrumb), panel (numbered section), band
   (small-caps overline), card (card), grid (card grid), register (dated
   list), byline (byline row), head (article head), lead (lead image),
   column (reading column), pull (pull quote), note (note box), points
   (checklist), confused (often confused block), table (table), next (read
   next), rule (separator), side (sticky left rail), spread (rail + column),
   base (footer), skip (skip link).
   Warm paper, radiographic ink, one indigo for links, amber as ornament.
   No external request, no script, automatic dark mode, print sheet.
   ========================================================================= */

:root {

  /* ---- 1. COLOR: cold marsh at first light ------------------------------ */
  --paper:            #F4F2ED;  /* page ground, pale green grey haze          */
  --sheet:          #FBFAF7;  /* bright paper: checklists, register rows    */
  --tint:           #E5E1D8;  /* alternate sections, boxes, image beds      */
  --ink:       #191B21;  /* body text and headings, cold black         */
  --quiet:      #5A5F6B;  /* captions, standfirsts, bylines             */
  --indigo:      #2B3A67;  /* links and load-bearing rules               */
  --indigo-set:  #1B2748;  /* hover and current state                    */
  --amber:          #A8620F;  /* ORNAMENT ONLY: numbers, bars, ::selection  */
  --amber-set:      #8A4F0B;  /* the only blaze allowed to carry text       */
  --rule-line:       #CFCABE;  /* rules of the register and of the tables    */
  --base-ground:        #1A1D24;  /* footer ground and table headers            */
  --base-ink:    #E3E1DA;
  --base-link:   #9FB4E8;

  /* ---- 2. TYPE (system stacks only, no font file, no remote call) ------- */
  --display-stack: Charter, "Bitstream Charter", "Sitka Text", Georgia, "Noto Serif", serif;
  --body-stack: "Helvetica Neue", "Segoe UI", Inter, "Noto Sans", Arial, sans-serif;
  --mono-stack:  ui-monospace, "SF Mono", "Cascadia Mono", "DejaVu Sans Mono", monospace;

  --caps-track: 0.14em;
  --body-size: clamp(1.05rem, 1rem + 0.25vw, 1.16rem);
  --body-lead: 1.64;

  /* ---- 3. RHYTHM AND MEASURE ------------------------------------------- */
  --measure:       72ch;
  --measure-wide:  1380px;
  --rail-width:    15rem;
  --shore:   clamp(1.1rem, 4vw, 4rem);
  --channel: clamp(0.9rem, 2.2vw, 2.1rem);
  --breath:  clamp(3rem, 7vw, 6.6rem);

  /* ---- 4. DETAIL: hairlines, square corners, no shadow ------------------ */
  --bevel: 0;
  --rule-weight: 1px solid var(--rule-line);
  --rule-strong: 1px solid var(--indigo);
  --ease: 150ms ease;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper:           #12141A;
    --sheet:         #1A1D24;
    --tint:          #232730;
    --ink:      #E6E4DD;
    --quiet:     #A6ABB6;
    --indigo:     #9FB4E8;
    --indigo-set: #C3D1F4;
    --amber:         #E0A45C;
    --amber-set:     #EDBC80;
    --rule-line:      #333844;
    --base-ground:       #0B0D11;
    --base-ink:   #E3E1DA;
    --base-link:  #9FB4E8;
  }
}

/* =========================================================================
   BASE
   ========================================================================= */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body-stack);
  font-size: var(--body-size);
  line-height: var(--body-lead);
  overflow-wrap: break-word;
}
img, svg { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4 {
  font-family: var(--display-stack);
  font-weight: 600;
  letter-spacing: 0.002em;
  line-height: 1.12;
  margin: 0;
}
h1 { font-size: clamp(2rem, 1.25rem + 3.1vw, 3.5rem); }
h2 { font-size: clamp(1.4rem, 1.15rem + 1.1vw, 2rem); }
h3 { font-size: clamp(1.1rem, 1.02rem + 0.42vw, 1.38rem); }
h4 { font-size: 1.02rem; }

p, ul, ol { margin: 0 0 1.12em; }
a { color: var(--indigo); text-decoration-thickness: 1px; text-underline-offset: 0.18em; transition: color var(--ease); }
a:hover { color: var(--indigo-set); }
::selection { background: var(--amber); color: #FBFAF7; }
:focus-visible { outline: 2px solid var(--indigo); outline-offset: 3px; }
hr { border: 0; border-top: var(--rule-weight); margin: var(--breath) 0; }
time, .rdg-figure { font-family: var(--mono-stack); font-variant-numeric: tabular-nums; }

/* =========================================================================
   FRAME
   ========================================================================= */

/* Skip link. DO NOT REMOVE. */
.rdg-skip {
  position: absolute; left: -9999px; top: 0;
  background: var(--ink); color: var(--paper);
  padding: 0.7rem 1.1rem; z-index: 50;
}
.rdg-skip:focus { left: 0.6rem; top: 0.6rem; }

/* The marsh: usable width of every block on the page. */
.rdg-sheetw {
  width: 100%;
  max-width: var(--measure-wide);
  margin-inline: auto;
  padding-inline: var(--shore);
}

/* The levee: the bank you walk along, i.e. the site header. */
.rdg-railhead { border-bottom: var(--rule-weight); padding-block: clamp(0.8rem, 1.7vw, 1.35rem); }
.rdg-railhead__row {
  display: flex; flex-wrap: wrap; align-items: flex-end;
  justify-content: space-between; gap: 0.8rem 1.6rem;
}
.rdg-plate {
  display: block; text-decoration: none; color: var(--ink);
  font-family: var(--display-stack); font-weight: 600;
  font-size: clamp(1.14rem, 1rem + 0.6vw, 1.5rem);
  text-transform: uppercase; letter-spacing: var(--caps-track); line-height: 1.05;
}
.rdg-plate:hover { color: var(--indigo); }
.rdg-plate span {
  display: block; margin-top: 0.34rem;
  font-family: var(--body-stack); font-weight: 400; text-transform: none;
  letter-spacing: 0; font-size: 0.8rem; color: var(--quiet); max-width: 44ch;
}
.rdg-index ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.35rem 1.25rem; justify-content: flex-end;
}
.rdg-index a {
  color: var(--ink); text-decoration: none;
  font-size: 0.78rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  padding-bottom: 0.2rem; border-bottom: 2px solid transparent;
}
.rdg-index a:hover, .rdg-index [aria-current="page"] {
  color: var(--indigo); border-bottom-color: var(--amber);
}

/* Crossing: the breadcrumb. */
.rdg-trail { font-size: 0.76rem; color: var(--quiet); padding-block: 1.05rem; }
.rdg-trail ol {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.55rem;
}
.rdg-trail li + li::before { content: ">"; margin-right: 0.55rem; color: var(--amber-set); }

/* =========================================================================
   DAYBREAK: the home cover. Flat fog ground, one hairline, no pattern,
   no photo. The subject is stated by the numbers band underneath.
   ========================================================================= */

/* The cover is a BAND, not a screen: the section tiles have to be visible
   without scrolling, and that rule outranks the hero. On wide screens the
   wordmark and the numbers share one row. */
.rdg-viewbox {
  background: var(--paper); border-bottom: var(--rule-weight);
  padding-block: clamp(1.2rem, 2.6vw, 1.9rem) clamp(0.9rem, 2vw, 1.4rem);
}
.rdg-viewbox__row { display: grid; gap: clamp(1.1rem, 2.8vw, 2.4rem); }
.rdg-viewbox__band {
  font-size: 0.74rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  color: var(--amber-set); margin: 0 0 0.75rem;
}
.rdg-viewbox h1 {
  font-size: clamp(2.2rem, 1.4rem + 3.2vw, 3.7rem);
  text-transform: uppercase; letter-spacing: 0.045em; line-height: 1.02;
  max-width: 18ch;
}
.rdg-viewbox__swell {
  margin: 0.85rem 0 0; max-width: 52ch;
  font-size: clamp(1.02rem, 0.98rem + 0.35vw, 1.14rem); color: var(--quiet);
}

/* Count: one column per published figure, monospace, on a blaze rule. */
.rdg-tally__spread {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1.2rem;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
}
.rdg-tally__col { border-top: 3px solid var(--amber); padding-top: 0.6rem; }
.rdg-tally__num {
  display: block; font-family: var(--mono-stack);
  font-size: clamp(2.2rem, 1.5rem + 2.4vw, 3.2rem);
  line-height: 1; letter-spacing: -0.02em; color: var(--ink);
  font-variant-numeric: tabular-nums;
 white-space: nowrap; }
.rdg-tally__label {
  display: block; margin-top: 0.45rem;
  font-size: 0.74rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  color: var(--ink);
}
.rdg-tally__entry { display: block; margin-top: 0.25rem; font-size: 0.8rem; color: var(--quiet); }
.rdg-tally__foot {
  margin: clamp(0.9rem, 2vw, 1.4rem) 0 0; padding-top: 0.7rem;
  border-top: var(--rule-weight);
  font-size: 0.8rem; color: var(--quiet); max-width: 118ch;
}

@media (min-width: 1000px) {
  .rdg-viewbox__row { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: end; }
}

/* =========================================================================
   FLAT: a numbered section. A flat is shallow water you can walk.
   ========================================================================= */

.rdg-panel { margin-top: clamp(2rem, 4.4vw, 3.4rem); }
.rdg-panel--first { margin-top: clamp(1.1rem, 2.2vw, 1.7rem); }
.rdg-panel--sunken {
  background: var(--tint);
  padding-block: clamp(2rem, 4.4vw, 3.4rem);
  margin-block: clamp(2.6rem, 5.4vw, 4.4rem) 0;
}
.rdg-panel__sill {
  border-top: var(--rule-weight); padding-top: 0.85rem; margin-bottom: 1.15rem;
  display: flex; flex-wrap: wrap; align-items: baseline;
  justify-content: space-between; gap: 0.5rem 1.6rem;
}
.rdg-panel__crest { display: flex; align-items: baseline; gap: 0.85rem; max-width: 46ch; }
.rdg-panel__count {
  font-family: var(--mono-stack); font-size: 0.86rem; color: var(--amber-set);
  letter-spacing: 0.06em; white-space: nowrap;
}
.rdg-panel__lede { font-size: 0.82rem; color: var(--quiet); max-width: 46ch; margin: 0; }

/* Band: the small-caps overline, like the ring on a bird's leg. */
.rdg-over {
  font-size: 0.74rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  color: var(--amber-set); margin: 0 0 0.7rem;
}

/* =========================================================================
   SPREAD: an even grid of equal-height tiles. No slope, no variable span.
   ========================================================================= */

.rdg-grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: calc(var(--channel) * 1.35) var(--channel);
  /* 22.5rem de plancher : sur une ligne de 1456 px la grille tombe a trois
     colonnes et la vignette occupe ~30 % de la ligne. A 14.5rem elle tombait a
     quatre colonnes et 20 %, sous le plancher de 25 % du gabarit reseau
     (mesure a la capture le 06/09/2026). */
  grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr));
}
.rdg-card { margin: 0; position: relative; display: flex; flex-direction: column; }
.rdg-card__frame { overflow: hidden; background: var(--tint); border: var(--rule-weight); border-radius: var(--bevel); aspect-ratio: 3 / 2; }
.rdg-card__view { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.rdg-card__slat { padding-top: 0.75rem; margin-top: 0.75rem; border-top: var(--rule-weight); flex: 1; }
.rdg-card__crest { margin: 0; font-size: clamp(1.06rem, 1rem + 0.4vw, 1.26rem); }
.rdg-card__link { color: var(--ink); text-decoration: none; transition: color var(--ease); }
.rdg-card__link:hover { color: var(--indigo); }
.rdg-card__link::after { content: ""; position: absolute; inset: 0; }
.rdg-card:hover .rdg-card__view { transform: scale(1.02); }
.rdg-card__note { margin: 0.45rem 0 0; color: var(--quiet); font-size: 0.86rem; max-width: 46ch; }
.rdg-card__log {
  margin: 0.6rem 0 0; font-family: var(--mono-stack); font-size: 0.7rem;
  text-transform: uppercase; letter-spacing: 0.08em; color: var(--quiet);
}

/* =========================================================================
   TIDE: the dated register. Dense, ruled, no thumbnail. Date on the left
   in monospace, title on the same line, one sentence underneath.
   ========================================================================= */

.rdg-register { list-style: none; margin: 0; padding: 0; border-top: var(--rule-weight); }
.rdg-register__row {
  display: grid; grid-template-columns: 10.5rem 1fr;
  gap: 0.2rem 1.6rem; align-items: baseline;
  padding-block: 0.95rem;
  border-bottom: var(--rule-weight);
}
.rdg-register__row:hover { background: var(--sheet); }
.rdg-date {
  font-family: var(--mono-stack); font-size: 0.78rem; color: var(--quiet);
  text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap;
}
.rdg-register__crest { margin: 0; font-size: clamp(1.02rem, 0.98rem + 0.34vw, 1.22rem); }
.rdg-register__crest a { color: var(--ink); text-decoration: none; }
.rdg-register__crest a:hover { color: var(--indigo); text-decoration: underline; }
.rdg-register__lede { grid-column: 2; margin: 0.3rem 0 0; color: var(--quiet); font-size: 0.88rem; max-width: 78ch; }
.rdg-register__tag { grid-column: 1; margin: 0.3rem 0 0; font-size: 0.72rem; text-transform: uppercase; letter-spacing: var(--caps-track); color: var(--amber-set); }

/* =========================================================================
   REACH: sticky rail on the LEFT, single reading column on its right.
   ========================================================================= */

.rdg-span { display: block; }
.rdg-side { margin-bottom: 2rem; }
.rdg-side__crest {
  font-size: 0.72rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  color: var(--quiet); margin: 0 0 0.6rem; border-top: 3px solid var(--amber); padding-top: 0.6rem;
}
.rdg-side ul { list-style: none; margin: 0 0 1.4rem; padding: 0; }
.rdg-side li { border-bottom: var(--rule-weight); }
.rdg-side a {
  display: block; padding-block: 0.5rem; font-size: 0.87rem;
  color: var(--ink); text-decoration: none;
}
.rdg-side a:hover { color: var(--indigo); }
.rdg-side [aria-current="page"] { color: var(--amber-set); }

@media (min-width: 1100px) {
  .rdg-span {
    display: grid;
    grid-template-columns: var(--rail-width) minmax(0, 1fr);
    gap: calc(var(--channel) * 2);
    align-items: start;
  }
  .rdg-side { position: sticky; top: 1.6rem; margin-bottom: 0; margin-top: clamp(1.6rem, 3.4vw, 2.8rem); }
}

/* =========================================================================
   SLIP, PLATE AND CURRENT: the reading page.
   ========================================================================= */

.rdg-lede { padding-block: clamp(1.1rem, 2.6vw, 2rem) clamp(0.9rem, 2vw, 1.6rem); }
.rdg-lede h1 { max-width: 24ch; }
.rdg-lede__lede {
  margin: 1rem 0 0; max-width: 60ch;
  font-size: clamp(1.06rem, 1rem + 0.5vw, 1.24rem); color: var(--quiet);
}
.rdg-byline {
  list-style: none; display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem;
  margin: 1.4rem 0 0; padding: 0;
  font-family: var(--mono-stack); font-size: 0.73rem;
  text-transform: uppercase; letter-spacing: 0.07em; color: var(--quiet);
}
.rdg-byline a { color: var(--quiet); }

.rdg-lead { margin: 0; }
.rdg-lead__view { width: 100%; aspect-ratio: 21 / 9; max-height: 22rem; object-fit: cover; background: var(--tint); }
.rdg-lead__caption {
  max-width: var(--measure-wide); margin-inline: auto;
  padding: 0.7rem var(--shore) 0;
  font-size: 0.8rem; color: var(--quiet);
}

.rdg-column { max-width: var(--measure); margin-top: clamp(1.6rem, 3.4vw, 2.8rem); }
.rdg-column h2 { margin-top: 2.4rem; }
.rdg-column h3 { margin-top: 1.9rem; }
.rdg-column h2:first-child, .rdg-column h3:first-child { margin-top: 0; }
.rdg-column ul, .rdg-column ol { padding-left: 1.15rem; }
.rdg-column li { margin-bottom: 0.44em; }
.rdg-column strong { color: var(--ink); }
.rdg-column > h2 { border-top: var(--rule-weight); padding-top: 1.2rem; }

/* Pull quote. */
.rdg-pull {
  margin: 2.4rem 0; padding-left: 1.3rem; border-left: 3px solid var(--amber);
  font-family: var(--display-stack); font-size: clamp(1.16rem, 1.05rem + 0.7vw, 1.5rem);
  line-height: 1.34; color: var(--ink);
}

/* Note box. */
.rdg-note { background: var(--sheet); padding: clamp(1.1rem, 2.8vw, 1.8rem); margin: 2.2rem 0; border: var(--rule-weight); }
.rdg-note > :last-child { margin-bottom: 0; }

/* Checklist: the game strap, where the birds line up. */
.rdg-points {
  background: var(--sheet); border: var(--rule-weight); border-left: 3px solid var(--indigo);
  padding: clamp(1.1rem, 2.6vw, 1.7rem); margin: 2.2rem 0;
}
.rdg-points h3 { margin-bottom: 0.7rem; }
.rdg-points ul { list-style: none; margin: 0; padding: 0; }
.rdg-points li { position: relative; padding-left: 1.5rem; margin-bottom: 0.55em; }
.rdg-points li::before {
  content: ""; position: absolute; left: 0; top: 0.72em;
  width: 0.85rem; height: 0; border-top: 2px solid var(--indigo);
}

/* Common mistakes: the shallows, where you run aground. */
.rdg-confused {
  background: var(--tint); border-left: 3px solid var(--amber);
  padding: clamp(1.1rem, 2.6vw, 1.7rem); margin: 2.2rem 0;
}
.rdg-confused h3 {
  font-size: 0.86rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  color: var(--amber-set); margin-bottom: 0.8rem;
}
.rdg-confused ul { margin-bottom: 0; padding-left: 1.15rem; }
.rdg-confused li { margin-bottom: 0.55em; }

/* Table. */
.rdg-table { margin: 2.4rem 0; overflow-x: auto; border: var(--rule-weight); }
.rdg-table table { border-collapse: collapse; width: 100%; min-width: 36rem; font-size: 0.9rem; font-variant-numeric: tabular-nums; }
.rdg-table caption {
  text-align: left; padding: 0.85rem 1rem; background: var(--sheet);
  font-size: 0.76rem; text-transform: uppercase; letter-spacing: var(--caps-track);
  color: var(--quiet); border-bottom: var(--rule-weight);
}
.rdg-table th, .rdg-table td { text-align: left; padding: 0.66rem 1rem; border-bottom: var(--rule-weight); vertical-align: top; }
.rdg-table tr:last-child td { border-bottom: 0; }
.rdg-table th {
  background: var(--base-ground); color: var(--base-ink);
  font-family: var(--display-stack); font-weight: 600;
  font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.07em;
}
.rdg-table .rdg-practice { display: block; margin-top: 0.35rem; color: var(--quiet); font-style: italic; }
.rdg-table .rdg-practice::before {
  content: "Practice "; font-style: normal; font-size: 0.72rem;
  text-transform: uppercase; letter-spacing: var(--caps-track); color: var(--amber-set);
}

/* Read next. */
.rdg-next { border-top: var(--rule-weight); margin-top: var(--breath); padding-top: 1.2rem; }
.rdg-next h2 { font-size: clamp(1.16rem, 1rem + 0.7vw, 1.5rem); border-top: 0; padding-top: 0; }
.rdg-next ul { list-style: none; margin: 0.7rem 0 0; padding: 0; }
.rdg-next li { margin-bottom: 0.62rem; }

/* Separator: the wake, an offset single rule. */
.rdg-rule { border: 0; border-top: var(--rule-weight); width: 42%; margin: var(--breath) 0 var(--breath) 0; }

/* =========================================================================
   LANDING: the launch, i.e. the footer.
   ========================================================================= */

.rdg-base {
  background: var(--base-ground); color: var(--base-ink);
  margin-top: var(--breath); padding-block: clamp(2.4rem, 5vw, 4rem);
}
.rdg-base__cols {
  display: grid; gap: var(--channel);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}
.rdg-base h2 { font-size: 0.86rem; text-transform: uppercase; letter-spacing: var(--caps-track); margin-bottom: 0.9rem; color: var(--base-ink); }
.rdg-base ul { list-style: none; margin: 0; padding: 0; }
.rdg-base li { margin-bottom: 0.5rem; }
.rdg-base a { color: var(--base-link); text-decoration: none; border-bottom: 1px solid transparent; font-size: 0.9rem; }
.rdg-base a:hover { border-bottom-color: var(--base-link); }
.rdg-base p { color: var(--base-ink); font-size: 0.88rem; max-width: 54ch; }
.rdg-base__base {
  margin-top: clamp(1.8rem, 3.4vw, 2.6rem); padding-top: 1.1rem;
  border-top: 1px solid rgba(220, 231, 229, 0.22);
  font-family: var(--mono-stack); font-size: 0.74rem;
  text-transform: uppercase; letter-spacing: 0.08em; color: var(--base-ink);
}

/* =========================================================================
   RESPONSIVE: the grid folds, nothing overflows sideways.
   ========================================================================= */

@media (max-width: 900px) {
  .rdg-railhead__row { align-items: flex-start; flex-direction: column; }
  .rdg-index ul { justify-content: flex-start; }
}
@media (max-width: 640px) {
  :root { --breath: clamp(2.2rem, 9vw, 3.4rem); }
  .rdg-grid { grid-template-columns: 1fr; }
  .rdg-register__row { grid-template-columns: 1fr; gap: 0.25rem; }
  .rdg-register__lede, .rdg-register__tag { grid-column: 1; }
  .rdg-tally__col { border-top-width: 2px; }
  .rdg-viewbox h1 { letter-spacing: 0.03em; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
  .rdg-card:hover .rdg-card__view { transform: none; }
}

/* =========================================================================
   PRINT
   ========================================================================= */

@media print {
  .rdg-railhead, .rdg-base, .rdg-index, .rdg-side, .rdg-next, .rdg-skip { display: none; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .rdg-column, .rdg-sheetw { max-width: none; padding: 0; }
  .rdg-table { overflow: visible; }
  .rdg-points, .rdg-confused, .rdg-note { border: 1px solid #999; background: none; }
}

/* =========================================================================
   GLOSSARY LIST — added for this site: the reference pages use a definition
   list, which the reused skeleton had no rule for.
   ========================================================================= */
.rdg-column dl { margin: 0 0 1.6em; }
.rdg-column dt {
  font-family: var(--display-stack);
  font-weight: 600;
  font-size: 1.06rem;
  margin-top: 1.15em;
  padding-top: 0.55em;
  border-top: var(--rule-weight);
  color: var(--ink);
}
.rdg-column dd { margin: 0.3em 0 0; color: var(--quiet); }
.rdg-column dd a { color: var(--indigo); }