/* The remaining pages (2026-11-05): the approved "doc" pages (the med spa and audit pages, the five assistants, the seven
   cities, the eleven treatments, the glossary, official information, privacy and terms), laid on the same table as the
   pages before them, in Fable's mapping (research/FABLE-REST-2026-11-05.md section 2): each approved section a row with its
   title at the left and its words at the right (the Pricing row), the long pages with Methodology's chapters rail, the
   "wash" sections on an ivory sheet, the FAQ as the one dark band, the close on cream. Written by tools/gen_docs.mjs; each
   kind adds its own paper object in its own file. Sized in --u like page.css. First draft: archive/docs-draft-2026-11-05/. */

/* ---------- head ---------- */
.dc-head__grid { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: calc(30 * var(--u)); align-items: center; }
.dc-head__words { max-width: none; }
.dc-title { font-size: calc(52 * var(--u)); line-height: 1; letter-spacing: -.02em; max-width: 16ch; text-wrap: balance; }
.dc-head .phead__lede { max-width: 58ch; }
.dc-meta { margin: calc(4 * var(--u)) 0 calc(10 * var(--u)); }

/* ---------- the rows ---------- */
.dc-body { padding-block: calc(18 * var(--u)) calc(30 * var(--u)); }
.dc-body--rail { display: grid; grid-template-columns: 17% minmax(0, 1fr); gap: calc(30 * var(--u)); align-items: start; }
.dc-rail { position: sticky; top: calc(var(--nav-h) + 24px); margin-top: calc(30 * var(--u)); padding-right: calc(16 * var(--u)); border-right: 1px solid var(--rule); }
/* Methodology's chapters rail (methodology.css .mt-rail), the same marks and sizes; page.js marks the part being read */
.dc-rail__t { margin-bottom: calc(16 * var(--u)); border: 0; padding: 0; font-family: Consolas, "Courier New", ui-monospace, monospace; font-weight: 700; letter-spacing: .16em; color: #182124; }
.dc-rail ol { position: relative; display: grid; gap: calc(2 * var(--u)); }
.dc-rail ol::before { content: ""; position: absolute; left: 3.5px; top: calc(14 * var(--u)); bottom: calc(14 * var(--u)); width: 1.5px; background: #182124; }
.dc-rail a { position: relative; display: flex; align-items: center; min-height: calc(30 * var(--u)); padding: calc(4 * var(--u)) 0 calc(4 * var(--u)) calc(20 * var(--u)); font: 400 calc(12.5 * var(--u)) / 1.25 var(--read); color: #182124; text-decoration: none; }
.dc-rail a::before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; border: 1.5px solid #182124; background: var(--ground); }
.dc-rail a[aria-current] { font-weight: 700; color: var(--hd); }
.dc-rail a[aria-current]::before { background: var(--hd); border-color: var(--hd); width: 10px; height: 10px; margin-top: -5px; left: -1px; }
.dc-rail a:hover { color: var(--hd); }
.dc-rail a:focus-visible { outline: 2px solid var(--hd); outline-offset: 2px; }
.dc-rows { display: grid; }
.dc-row { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: calc(30 * var(--u)) calc(44 * var(--u)); align-items: start;
  padding: calc(30 * var(--u)) 0; scroll-margin-top: calc(var(--nav-h) + 20px); }
.dc-row + .dc-row::before, .dc-card + .dc-row::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--rule); }
.dc-row__t { display: grid; gap: calc(10 * var(--u)); align-content: start; }
.dc-row__n { justify-self: start; font: 500 calc(14 * var(--u)) / 1 var(--read); color: var(--ink-red); padding-bottom: calc(8 * var(--u)); border-bottom: 2px solid currentColor; min-width: calc(30 * var(--u)); }
.dc-row__title { font-size: calc(30 * var(--u)); line-height: 1.04; letter-spacing: -.015em; color: var(--hd); text-wrap: balance; max-width: 18ch; }
.dc-row--bare { grid-template-columns: minmax(0, 1fr); }
/* a row whose words hold columns: the title above, the columns across the whole row */
.dc-row:has(.dc-cols) { grid-template-columns: minmax(0, 1fr); }
.dc-row:has(.dc-cols) .dc-row__t { grid-template-columns: auto 1fr; align-items: end; column-gap: calc(18 * var(--u)); }
.dc-row:has(.dc-cols) .dc-row__title { max-width: none; }
.dc-row:has(.dc-cols) .dc-prose { max-width: none; }
.dc-row:has(.dc-cols) .dc-prose > p { max-width: 46rem; }
/* a passage the approved page sets apart: printed on an ivory sheet laid across the table */
.dc-row--sheet { margin: calc(14 * var(--u)) calc(-18 * var(--u)); padding: calc(30 * var(--u)) calc(18 * var(--u)); transform: rotate(-.25deg); }
.dc-row--sheet::before, .dc-row--sheet + .dc-row::before { display: none; }

.dc-prose { display: grid; gap: 1em; font-size: clamp(1.05rem, .98rem + .25vw, 1.25rem); line-height: 1.55; color: var(--ink-2); max-width: 46rem; }
.dc-prose a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(119 92 24 / .55); }
.dc-prose a:hover { text-decoration-color: currentColor; }
.dc-prose a.tlink { color: var(--ink); }
.dc-prose strong { font-weight: 600; color: var(--hd); }
.dc-prose h3, .dc-prose .dc-sec__sub { font: 700 calc(16 * var(--u)) / 1.2 var(--display); color: var(--hd); margin-top: .3em; }
.dc-list { display: grid; gap: .55em; padding-left: 1.15em; list-style: disc; }
.dc-list li::marker { color: var(--ink-red); }
ol.dc-list { list-style: decimal; }
ol.dc-list li::marker { font: 600 1em var(--display); }
.dc-list--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9em calc(30 * var(--u)); padding: 0; list-style: none; }
.dc-list--cols li { padding-top: .7em; border-top: 1px solid var(--rule); }

/* the three records and the three buckets: hairline columns, never cards */
.dc-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(26 * var(--u)); padding: 0; list-style: none; }
.dc-cols > li { position: relative; padding: calc(4 * var(--u)) calc(14 * var(--u)) 0 0; }
.dc-cols > li + li { padding-left: calc(18 * var(--u)); border-left: 1px solid var(--rule); }
.dc-cols.checks > li { padding-left: calc(34 * var(--u)); }
.dc-cols.checks > li + li { padding-left: calc(52 * var(--u)); }
.dc-cols.checks > li + li::before { left: calc(18 * var(--u)); }
.dc-cols b { display: block; font: 700 calc(17 * var(--u)) / 1.15 var(--display); color: var(--hd); margin-bottom: calc(4 * var(--u)); }
.dc-cols span { display: block; font: 400 calc(13 * var(--u)) / 1.38 var(--read); color: var(--ink); }
.dc-cols--num { counter-reset: none; }
.dc-cols__n { display: block; font: normal 500 calc(14 * var(--u)) / 1 var(--read); color: var(--ink-red); margin-bottom: calc(10 * var(--u)); }
.dc-cols--num > li { font: 400 calc(13 * var(--u)) / 1.42 var(--read); color: var(--ink); }
.dc-cols--num strong { display: block; font: 700 calc(17 * var(--u)) / 1.15 var(--display); margin-bottom: calc(4 * var(--u)); }
.dc-prose:has(> .dc-cols) { max-width: none; }

/* the procedure menus: a ruled two-column list, every item a link */
.dc-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(30 * var(--u)); padding: 0; list-style: none; }
.dc-menu li { border-top: 1px solid var(--rule); }
.dc-menu li a, .dc-menu li > span { display: flex; align-items: center; justify-content: space-between; min-height: 48px; font: 600 calc(15 * var(--u)) / 1.2 var(--display); color: var(--hd); text-decoration: none; }
.dc-menu li a::after { content: ""; width: 9px; height: 9px; border-top: 1.5px solid var(--ink-red); border-right: 1.5px solid var(--ink-red); transform: rotate(45deg); transition: transform .3s steps(3, end); }
.dc-menu li a:hover::after, .dc-menu li a:focus-visible::after { transform: translateX(5px) rotate(45deg); }
.dc-menu li a:hover { color: var(--ink-red); }

/* each assistant compared: ruled rows, each led by its own mark */
.dc-compare { display: grid; padding: 0; list-style: none; }
.dc-compare li { padding: .8em 0; border-top: 1px solid var(--rule); }
.dc-compare li:last-child { border-bottom: 1px solid var(--rule); }
.sd-ainame { display: inline-flex; align-items: center; gap: 9px; font-weight: 600; color: var(--hd); vertical-align: -.25em; }
.sd-ainame .mark { width: 22px; height: 22px; flex: none; }

/* definition rows (glossary, basic facts) */
.dc-prose dl > div { display: grid; grid-template-columns: minmax(9rem, 32%) 1fr; gap: 16px; padding: .7em 0; border-top: 1px solid var(--rule); }
.dc-prose dt { font: 700 calc(14 * var(--u)) / 1.3 var(--display); color: var(--hd); }
.dc-prose dd { margin: 0; }

/* the approved callout card, when a kind does not carry it on its own object */
.dc-card { position: relative; margin: calc(14 * var(--u)) 0; padding: calc(26 * var(--u)) calc(30 * var(--u)); transform: rotate(.35deg); display: grid; gap: calc(10 * var(--u)); max-width: 64rem; }
.dc-card .label--tape { justify-self: start; }
.dc-card__title { font: 700 calc(24 * var(--u)) / 1.1 var(--display); color: var(--hd); text-wrap: balance; max-width: 26ch; }
.dc-card__body { display: grid; gap: .8em; font-size: clamp(1rem, .95rem + .2vw, 1.15rem); line-height: 1.55; color: var(--ink-2); max-width: 60ch; }
.dc-card__marks { display: flex; flex-wrap: wrap; gap: 8px 22px; padding-top: calc(10 * var(--u)); border-top: 1px dashed rgb(119 92 24 / .35); }
.dc-card__marks > span { display: inline-flex; align-items: center; gap: 8px; font: 500 calc(12.5 * var(--u)) var(--read); color: var(--ink-2); }
.dc-card__marks .mark { width: 20px; height: 20px; }

/* ---------- the one dark band: the questions ---------- */
.dc-faq__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: calc(44 * var(--u)); align-items: start; }
.dc-faq__t { position: relative; }
.dc-faq .note { position: relative; display: inline-block; margin-top: calc(26 * var(--u)); }
.dc-q { border-top: 1px solid rgb(248 245 239 / .24); }
.dc-q:last-child { border-bottom: 1px solid rgb(248 245 239 / .24); }
.dc-q summary { position: relative; display: block; list-style: none; cursor: pointer; padding: calc(14 * var(--u)) calc(40 * var(--u)) calc(14 * var(--u)) 0; min-height: 44px;
  font: 600 calc(17 * var(--u)) / 1.25 var(--display); color: var(--ivory); }
.dc-q summary::-webkit-details-marker { display: none; }
.dc-q summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 14px; height: 14px; margin-top: -7px;
  background: linear-gradient(var(--gold-light), var(--gold-light)) center / 100% 1.5px no-repeat, linear-gradient(var(--gold-light), var(--gold-light)) center / 1.5px 100% no-repeat; transition: transform .3s steps(3, end); }
.dc-q[open] summary::after { transform: rotate(45deg); }
.dc-q summary:focus-visible { outline: 2px solid var(--ivory); outline-offset: 4px; }
.dc-q__a { padding: 0 0 calc(16 * var(--u)); font: 400 calc(14 * var(--u)) / 1.5 var(--read); color: #F3EFE8; max-width: 66ch; }
.dc-q__a a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(226 202 131 / .7); }
.dc-q[open] .dc-q__a { animation: dc-open .42s steps(4, end) both; transform-origin: 50% 0; }
@keyframes dc-open { from { transform: translateY(-10px); opacity: 0; } to { transform: none; opacity: 1; } }

/* a list set on the dark band as ruled rows (the audit's claims, official information's "is not") */
.au-claim__rows { display: grid; padding: 0; list-style: none; }
.au-claim__rows li { padding: calc(12 * var(--u)) 0; border-top: 1px solid rgb(248 245 239 / .24); font: 400 calc(14 * var(--u)) / 1.5 var(--read); color: #F3EFE8; }
.au-claim__rows li:last-child { border-bottom: 1px solid rgb(248 245 239 / .24); }
.au-claim__list > p { margin-top: calc(14 * var(--u)); font: 400 calc(14 * var(--u)) / 1.5 var(--read); color: #F3EFE8; }
.au-claim__list a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(226 202 131 / .7); }

/* ---------- the close: on cream, under the band's torn edge ---------- */
.dc-faq + .dc-close { margin-top: -1px; }
.dc-faq + .dc-close::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 14px; background: #1D3137;
  clip-path: polygon(0 0, 100% 0, 100% 40%, 96% 70%, 91% 45%, 86% 80%, 80% 52%, 74% 72%, 67% 40%, 61% 78%, 55% 50%, 49% 74%, 43% 44%, 37% 80%, 31% 50%, 25% 70%, 19% 42%, 13% 76%, 7% 48%, 3% 70%, 0 46%); }
.dc-close { padding-block: calc(46 * var(--u)); }
.dc-close__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: calc(44 * var(--u)); align-items: start; }
.dc-close__body { display: grid; gap: 1em; font-size: clamp(1.05rem, .98rem + .25vw, 1.25rem); line-height: 1.55; color: var(--ink-2); max-width: 46rem; }
.dc-close__body a:not(.ticket) { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(119 92 24 / .55); }
.dc-close__act { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 6px; }
.dc-close__cap { font: italic 400 1rem var(--serif); color: var(--ink-2); }

/* ---------- the glass band (2026-11-05, Jonah: "a few glass cards w visuals"): the home's approved clear glass card over
   the hero's paper art without the dove (media/hero-dove-empty), sitting on one of its blue patches ---------- */
.gb { position: relative; overflow: hidden; min-height: calc(330 * var(--u)); display: grid; align-items: center; padding: calc(40 * var(--u)) 0;
  background: #EEE6D8 image-set(url(../media/hero-dove-empty-1800.webp) 1x, url(../media/hero-dove-empty-2688.webp) 2x) no-repeat; background-size: cover; }
/* the art is enlarged so one of its blue patches lies behind the card: the blue disc at its top, or the blue ground at
   its foot right (measured on hero-dove-empty: the disc's centre at 62% across, the ground from 78% across, 69% down) */
.gb--top { background-size: 147% auto; background-position: 15% 0%; }
.gb--foot { background-size: 130% auto; background-position: 100% 100%; }
.gb--top.gb--left { background-position: 100% 0%; }
.gb--foot .gb__grid { align-items: end; }
/* a band holding only its card is only as tall as the card needs */
.gb:has(.gb__words:empty) { min-height: 0; padding-block: calc(34 * var(--u)); }
.gb--top .gb__grid { align-items: start; }
.gb__defs { position: absolute; }
.gb__grid { position: relative; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: calc(44 * var(--u)); align-items: center; }
.gb--left .gb__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.gb--left .gb-card { order: -1; }
/* the words sit on the cream of the art, on a soft wash of the same cream so they read at full strength */
.gb__words { position: relative; isolation: isolate; display: grid; gap: calc(12 * var(--u)); align-content: center; max-width: 46rem; }
.gb__words:not(:empty)::before { content: ""; position: absolute; inset: -28px -40px; z-index: -1; border-radius: 40px; background: radial-gradient(closest-side, rgb(246 241 234 / .92), rgb(246 241 234 / .78) 70%, rgb(246 241 234 / 0)); }
.gb__words .dc-row__title { max-width: 20ch; }
.gb__words .dc-prose { max-width: none; }
.gb__words .note { position: relative; display: inline-block; margin-top: calc(10 * var(--u)); }
/* the card: the home card's glass, as it is (site.css .sd-sky__card); only its place is this band's */
/* Jonah 2026-11-05: "The gold is a little hard to read ... just in the cards themselves": the cards' accent is a deep sea
   blue (#1D4E5F, 5.5 to 7.5:1 on the glass where the gold measured 3.1 to 4.2); the rest of the site keeps its gold */
.gb-card { --gc-blue: #1D4E5F; --gr: clamp(16px, calc(16px + (100vw - 1536px) * .002), 18px);
  position: relative; justify-self: end; width: min(100%, clamp(calc(21.25 * var(--gr)), 25.4vw, calc(27 * var(--gr))));
  display: grid; padding: 18px 22px 16px; border-radius: 24px; color: #0b1f2a; isolation: isolate; text-shadow: none;
  box-shadow: 0 30px 56px -28px rgb(10 40 58 / 0.5), 0 8px 20px -12px rgb(10 40 58 / 0.25); }
.gb--left .gb-card { justify-self: start; }
.gb-card::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: linear-gradient(155deg, rgb(258 255 252 / 0.42), rgb(258 255 252 / 0.22) 42%, rgb(258 255 252 / 0.3));
  -webkit-backdrop-filter: blur(16px) saturate(1.25) brightness(1.1); backdrop-filter: blur(16px) saturate(1.25) brightness(1.1);
  filter: url(#sd-lens-m); clip-path: inset(0 round 24px); }
.gb-card::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  box-shadow: inset 1px 1px 0 rgb(258 255 252 / 0.9), inset -1px -1px 0 rgb(258 255 252 / 0.45), inset 0 0 0 1px rgb(258 255 252 / 0.22), inset 0 0 7px rgb(258 255 252 / 0.28), inset 0 16px 28px -22px rgb(258 255 252 / 0.65); }
/* its parts, in the home card's own type (.sd-sky__* in site.css) */
.gc-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid rgb(11 31 42 / 0.16); }
.gc-label { font: 600 calc(0.71875 * var(--gr))/1.3 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; letter-spacing: 0.17em; text-transform: uppercase; color: #0b1f2a; }
.gc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgb(258 255 252 / 0.4); font: 500 calc(0.75 * var(--gr))/1.2 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; white-space: nowrap; }
.gc-chip i { width: 5px; height: 5px; border-radius: 50%; background: var(--gc-blue); }
.gc-big { display: block; font: 300 calc(3.125 * var(--gr))/1 'Newsreader', 'Iowan Old Style', Georgia, serif; letter-spacing: -0.02em; color: var(--gc-blue); }
.gc-mid { display: block; font: 300 calc(1.5 * var(--gr))/1.1 'Newsreader', 'Iowan Old Style', Georgia, serif; color: #0b1f2a; }
.gc-small { display: block; font: 400 calc(0.84375 * var(--gr))/1.35 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; color: #0b1f2a; }
.gc-row { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid rgb(11 31 42 / 0.16); }
.gc-row:last-child, .gc-row:has(+ .gc-foot) { border-bottom: 0; }
.gc-two { display: grid; grid-template-columns: 1fr 1fr; }
.gc-two > span + span { padding-left: 20px; border-left: 1px solid rgb(11 31 42 / 0.16); }
.gc-bar { display: block; height: 14px; margin-top: 8px; border-radius: 999px; background: rgb(11 31 42 / 0.1); box-shadow: inset 0 1px 2px rgb(10 40 58 / 0.18); overflow: hidden; }
.gc-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--gc-blue), #4F8798); }
.gc-marks { display: flex; flex-wrap: wrap; gap: 8px 12px; padding-top: 10px; }
.gc-marks > span { display: inline-flex; align-items: center; gap: 7px; }
.gc-marks i { flex: none; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #F9F9F7; }
.gc-marks .mark { width: 16px; height: 16px; }
.gc-marks b { font: 400 calc(0.8125 * var(--gr))/1.2 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; }
.gc-chips { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 10px; }
.gc-chips span { padding: 5px 11px; border-radius: 999px; background: rgb(258 255 252 / 0.46); box-shadow: inset 0 0 0 1px rgb(258 255 252 / 0.5);
  font: 500 calc(0.78125 * var(--gr))/1.2 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; color: #0b1f2a; }
.gc-chips--zip span { font: 400 calc(1.25 * var(--gr))/1 'Newsreader', 'Iowan Old Style', Georgia, serif; padding: 7px 14px; letter-spacing: .02em; }
.gc-foot { display: flex; justify-content: space-between; gap: 10px; padding-top: 10px; margin-top: 2px; border-top: 1px solid rgb(11 31 42 / 0.16);
  font: 400 calc(0.78125 * var(--gr))/1.35 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; color: #0b1f2a; }
.gc-foot a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; display: inline-flex; align-items: center; min-height: 32px; }
.gc-foot a:focus-visible { outline: 2px solid #0E3543; outline-offset: 2px; }

@media (max-width: 1100px) {
  .gb__grid, .gb--left .gb__grid { grid-template-columns: 1fr; }
  .gb-card, .gb--left .gb-card { justify-self: start; order: 0; }
}
/* phones: as on the home page, no live glass on a small GPU; the same card in the glass's own tint */
@media (max-width: 760px) {
  /* on a phone the words come first, on the cream of the art; its blue ground sits low, behind the card */
  .gb, .gb--top, .gb--foot { padding: 34px 0; background-size: 250% auto; background-position: 96% 100%; }
  /* the words on a cream panel of their own, so nothing of the art runs under a line of text */
  .gb__words:not(:empty)::before { inset: -18px -14px; border-radius: 20px; background: rgb(246 241 234 / .94); box-shadow: 0 10px 24px -16px rgb(13 22 25 / .35); }
  .gb-card { width: 100%; background: linear-gradient(155deg, #DEEBEB, #C1D3DC 45%, #CFDFE3); }
  .gb-card::before { display: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .gb-card { background: #DBE8E8; }
  .gb-card::before { display: none; }
}

@media (max-width: 1100px) {
  .dc-head__grid { grid-template-columns: 1fr; }
  .dc-body--rail { grid-template-columns: 1fr; }
  .dc-rail { display: none; }
}
@media (max-width: 760px) {
  .dc-title { font-size: clamp(2.3rem, 10.5vw, 3.2rem); }
  .dc-row, .dc-faq__grid, .dc-close__grid { grid-template-columns: 1fr; gap: 14px; }
  .dc-row { padding-block: 26px; }
  .dc-row__title { font-size: 1.75rem; }
  .dc-row--sheet { margin-inline: -8px; padding-inline: 16px; }
  .dc-cols, .dc-menu, .dc-list--cols { grid-template-columns: 1fr; }
  .dc-cols > li + li { border-left: 0; padding-left: 0; padding-top: 14px; border-top: 1px solid var(--rule); }
  .dc-cols.checks > li, .dc-cols.checks > li + li { padding-left: 34px; }
  .dc-cols.checks > li + li::before { left: 0; top: 18px; }
  .dc-cols b, .dc-cols--num strong { font-size: 1.15rem; }
  .dc-cols span, .dc-cols--num > li { font-size: 1rem; }
  .dc-prose dl > div { grid-template-columns: 1fr; gap: 4px; }
  .dc-q summary { font-size: 1.12rem; }
  .dc-q__a { font-size: 1rem; }
  .dc-card { padding: 22px 18px; }
  .dc-card__title { font-size: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .dc-q[open] .dc-q__a { animation: none; }
  .dc-q summary::after, .dc-menu li a::after { transition: none; }
}