/* Colors, type and dimensions are defined only in tokens.css. */
* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: var(--space-0); background: var(--color-background); color: var(--color-text); font-family: var(--font-body); font-size: var(--text-mobile); line-height: var(--leading-body); }
::selection { color: var(--color-surface); background: var(--color-primary); }
h1, h2, h3, h4, p, ul, ol, figure, blockquote { margin: var(--space-0); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: var(--weight-medium); text-wrap: balance; }
h1 { font-size: var(--text-hero-a-mobile); line-height: var(--leading-heading); }
h2 { font-size: var(--text-section-mobile); line-height: var(--leading-card); }
h3 { font-size: var(--text-card); line-height: var(--leading-card); }
h4 { font-size: var(--text-lead); line-height: var(--leading-card); }
p { max-width: var(--reading-width); }
ul, ol { padding-inline-start: var(--space-6); }
a { color: var(--color-primary); text-decoration-thickness: var(--line-thin); text-underline-offset: var(--space-1); overflow-wrap: anywhere; }
a:hover { color: var(--color-text); }
a, button, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: var(--line-focus) solid var(--color-primary); outline-offset: var(--space-1); }
button, input, textarea, select { font: inherit; }
button, summary { cursor: pointer; }
button:disabled, input:disabled { cursor: not-allowed; }
input, textarea { caret-color: var(--color-primary); }
[id] { scroll-margin-top: var(--space-6); }
.shell { width: 100%; max-width: var(--shell-width); margin-inline: auto; padding-inline: var(--space-6); }
.reading-width { width: 100%; max-width: var(--reading-width); margin-inline: auto; }
.stack > * + * { margin-block-start: var(--space-6); }
.muted, .hint, .meta { color: var(--color-muted); }
.small, .hint, .meta { font-size: var(--text-small); line-height: var(--leading-small); }
.visually-hidden { position: absolute; width: var(--line-thin); height: var(--line-thin); padding: var(--space-0); overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: absolute; top: var(--space-2); left: var(--space-6); z-index: 20; padding: var(--space-3) var(--space-4); background: var(--color-surface); transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.preview-bar { background: var(--color-section); border-block-end: var(--line-thin) solid var(--color-line); font-size: var(--text-small); }
.preview-bar__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-6); padding-block: var(--space-2); }
.preview-nav { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.preview-nav a { display: inline-flex; align-items: center; min-height: var(--control-height); }
.preview-nav [aria-current="page"] { color: var(--color-text); font-weight: var(--weight-semibold); text-decoration-thickness: var(--line-focus); }
.site-header { border-block-end: var(--line-thin) solid var(--color-line); }
.header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: var(--space-6); padding-block: var(--space-4); }
.brand { display: inline-flex; align-items: center; min-height: var(--control-height); font-family: var(--font-heading); font-size: var(--text-card); font-weight: var(--weight-semibold); text-decoration: none; color: var(--color-primary); }
.desktop-nav, .header-action { display: none; }
.nav-list { display: flex; align-items: center; gap: var(--space-6); padding: var(--space-0); list-style: none; }
.nav-list a, .speech-menu > summary { display: flex; align-items: center; min-height: var(--control-height); text-decoration: none; }
.nav-list a:hover { text-decoration: underline; }
.speech-menu { position: relative; }
.speech-menu > summary { gap: var(--space-2); color: var(--color-primary); }
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
.chevron { display: inline-block; width: var(--space-2); height: var(--space-2); border-right: var(--line-thin) solid currentColor; border-bottom: var(--line-thin) solid currentColor; transform: rotate(45deg); }
details[open] > summary .chevron { transform: rotate(225deg); }
.speech-panel { padding: var(--space-4); background: var(--color-surface); border: var(--line-thin) solid var(--color-line); border-radius: var(--radius-control); }
.speech-panel ul { padding: var(--space-0); list-style: none; }
.speech-panel a, .speech-panel .planned { display: block; padding-block: var(--space-2); }
.planned { color: var(--color-muted); font-size: var(--text-small); }
.mobile-menu { margin-inline-start: auto; }
.mobile-menu > summary { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-3); min-height: var(--control-height); color: var(--color-primary); }
.hamburger { display: inline-block; width: var(--space-6); height: var(--space-4); border-block: var(--line-focus) solid currentColor; position: relative; }
.hamburger::after { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: var(--line-focus) solid currentColor; }
.mobile-menu[open] { width: 100%; }
.mobile-menu nav { padding-block: var(--space-4); }
.mobile-menu .nav-list { align-items: stretch; flex-direction: column; gap: var(--space-2); }
.mobile-menu .speech-panel { margin-block: var(--space-2); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--control-height); max-width: 100%; padding: var(--space-3) var(--space-6); border: var(--line-thin) solid var(--color-primary); border-radius: var(--radius-control); background: var(--color-primary); color: var(--color-surface); font-size: var(--text-small); font-weight: var(--weight-semibold); line-height: var(--leading-small); text-decoration: none; text-align: center; }
.button:hover { color: var(--color-surface); background: var(--color-text); border-color: var(--color-text); }
.button--secondary { background: transparent; color: var(--color-primary); }
.button--secondary:hover { background: var(--color-section); color: var(--color-text); border-color: var(--color-text); }
.button:disabled { background: var(--color-section); border-color: var(--color-muted); color: var(--color-muted); }
.breadcrumbs { padding-block: var(--space-6); font-size: var(--text-small); color: var(--color-muted); }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; padding: var(--space-0); }
.breadcrumbs li + li::before { content: "/"; margin-inline-end: var(--space-2); color: var(--color-muted); }
.hero { padding-block: var(--space-12) var(--space-16); }
.hero__title { max-width: var(--hero-width); }
.hero__title span { color: var(--color-primary); }
.hero__intro { max-width: var(--intro-width); margin-block: var(--space-6) var(--space-8); color: var(--color-muted); font-size: var(--text-lead); }
.hero__note { margin-block-start: var(--space-4); color: var(--color-muted); font-size: var(--text-small); }
.section { padding-block: var(--space-16); }
.section--tint { background: var(--color-section); }
.section-heading { max-width: var(--reading-width); margin-block-end: var(--space-8); }
.section-heading p { margin-block-start: var(--space-4); color: var(--color-muted); }
.process-list { display: grid; gap: var(--space-8); padding: var(--space-0); list-style: none; counter-reset: steps; }
.process-list li { counter-increment: steps; border-block-start: var(--line-thin) solid var(--color-line); padding-block-start: var(--space-6); }
.process-list li::before { content: counter(steps, decimal-leading-zero); display: block; margin-block-end: var(--space-4); font-size: var(--text-small); color: var(--color-muted); font-variant-numeric: tabular-nums; }
.process-list h3 { margin-block-end: var(--space-3); }
.process-list p { color: var(--color-muted); }
.reading-list { display: grid; gap: var(--space-8); }
.reading-card { background: var(--color-surface); border: var(--line-thin) solid var(--color-line); border-inline-start: var(--line-accent) solid var(--color-accent); border-radius: var(--radius-control); padding: var(--space-6); min-width: 0; }
.reading-card .meta { margin-block-end: var(--space-4); }
.reading-card h3 { margin-block-end: var(--space-6); }
.sample-text { overflow-wrap: break-word; }
.why { display: flex; align-items: baseline; gap: var(--space-3); margin-block-start: var(--space-6); color: var(--color-muted); font-size: var(--text-small); line-height: var(--leading-small); font-style: italic; }
.why::before { content: ""; display: inline-block; flex: 0 0 var(--space-4); border-block-start: var(--line-thin) solid var(--color-muted); }
.reading-card__link { display: inline-block; margin-block-start: var(--space-4); font-size: var(--text-small); }
.paper-specimen { background: var(--color-surface); border: var(--line-thin) solid var(--color-line); padding: var(--space-6); max-width: var(--reading-width); }
.paper-specimen h3 { margin-block-end: var(--space-6); }
.paper-specimen blockquote { font-family: var(--font-heading); font-weight: var(--weight-medium); line-height: var(--leading-body); }
.paper-specimen figcaption { margin-block-start: var(--space-8); padding-block-start: var(--space-4); border-block-start: var(--line-thin) solid var(--color-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); color: var(--color-muted); font-size: var(--text-small); }
.closing { border-block-start: var(--line-thin) solid var(--color-line); }
.closing p { margin-block: var(--space-4) var(--space-6); color: var(--color-muted); }
.trust-strip { border-block: var(--line-thin) solid var(--color-line); }
.trust-grid { display: grid; gap: var(--space-6); padding-block: var(--space-8); }
.trust-grid p { font-size: var(--text-small); line-height: var(--leading-small); color: var(--color-muted); }
.trust-grid strong { display: block; font-weight: var(--weight-semibold); color: var(--color-text); margin-block-end: var(--space-1); }
.site-footer { padding-block: var(--space-12); }
.footer-grid { display: grid; gap: var(--space-8); }
.footer-title { font-family: var(--font-body); font-size: var(--text-small); font-weight: var(--weight-semibold); line-height: var(--leading-small); margin-block-end: var(--space-4); }
.footer-grid ul { padding: var(--space-0); list-style: none; }
.footer-grid li + li { margin-block-start: var(--space-2); }
.footer-grid a { font-size: var(--text-small); }
.footer-brand p { margin-block: var(--space-3); color: var(--color-muted); font-size: var(--text-small); }
.direction-a .hero { text-align: center; }
.direction-a .hero__title, .direction-a .hero__intro, .direction-a .hero__note { margin-inline: auto; }
.direction-a .process-section .section-heading { margin-inline: auto; text-align: center; }
.direction-a .sample-layout { max-width: var(--reading-width); margin-inline: auto; }
.direction-a .closing { text-align: center; }
.direction-a .closing p { margin-inline: auto; }
.direction-b h1 { font-size: var(--text-hero-b-mobile); }
.direction-b .hero { padding-block: var(--space-16) var(--space-24); }
.direction-b .hero__title { max-width: var(--reading-width); }
.direction-b .hero__intro { margin-block-start: var(--space-8); }
.direction-b .process-section { border-block: var(--line-thin) solid var(--color-line); }
.direction-b .reading-card { border-block-color: transparent; border-inline-end-color: transparent; }
.component-index { display: grid; gap: var(--space-3) var(--space-6); padding: var(--space-0); list-style: none; font-size: var(--text-small); }
.component-index a { display: inline-block; padding-block: var(--space-1); }
.system-intro { padding-block: var(--space-8) var(--space-12); }
.system-intro h1 { max-width: var(--reading-width); }
.system-intro p { margin-block: var(--space-6); }
.system-section { padding-block: var(--space-16); border-block-start: var(--line-thin) solid var(--color-line); }
.system-section > .section-heading { margin-inline: auto; }
.system-section > .section-heading--wide { margin-inline: var(--space-0); }
.component-caption { margin-block-end: var(--space-6); color: var(--color-muted); font-size: var(--text-small); }
.pricing-grid { display: grid; gap: var(--space-6); }
.pricing-card { display: flex; flex-direction: column; min-width: 0; padding: var(--space-6); border: var(--line-thin) solid var(--color-line); border-radius: var(--radius-control); background: var(--color-surface); }
.pricing-card--featured { background: var(--color-section); border-color: var(--color-primary); }
.price { margin-block: var(--space-6) var(--space-4); font-family: var(--font-heading); font-size: var(--text-hero-b); line-height: var(--leading-heading); font-weight: var(--weight-medium); }
.price span { font-family: var(--font-body); font-size: var(--text-small); color: var(--color-muted); }
.pricing-card ul { margin-block: var(--space-4) var(--space-8); }
.pricing-card li + li { margin-block-start: var(--space-2); }
.pricing-card .button { margin-block-start: auto; width: 100%; }
.payment-note { margin-block-start: var(--space-3); font-size: var(--text-small); line-height: var(--leading-small); color: var(--color-muted); }
.rush-option { margin-block-start: var(--space-6); }
.faq-list { border-block-start: var(--line-thin) solid var(--color-line); }
.faq-item { border-block-end: var(--line-thin) solid var(--color-line); }
.faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); min-height: var(--control-height); padding-block: var(--space-6); font-weight: var(--weight-semibold); color: var(--color-primary); }
.faq-icon { flex: 0 0 var(--icon-size); height: var(--icon-size); position: relative; }
.faq-icon::before, .faq-icon::after { content: ""; position: absolute; background: currentColor; }
.faq-icon::before { inset-inline: 0; top: 50%; height: var(--line-thin); }
.faq-icon::after { inset-block: 0; left: 50%; width: var(--line-thin); }
.faq-item[open] .faq-icon::after { display: none; }
.faq-item > .faq-answer { padding-block: var(--space-0) var(--space-6); color: var(--color-muted); }
.story-form { display: grid; gap: var(--space-12); }
.form-section { border: 0; padding: var(--space-0); margin: var(--space-0); min-width: 0; }
.form-section > legend { padding: var(--space-0); margin-block-end: var(--space-6); font-family: var(--font-heading); font-size: var(--text-card); line-height: var(--leading-card); }
.field-grid { display: grid; gap: var(--space-6); }
.field { min-width: 0; }
.field label, .choice-group > legend { display: block; margin-block-end: var(--space-2); font-weight: var(--weight-semibold); }
.field .hint { display: block; margin-block: var(--space-2); }
.field input, .field textarea, .field select { display: block; width: 100%; min-width: 0; min-height: var(--control-height); padding: var(--space-3) var(--space-4); color: var(--color-text); background: var(--color-surface); border: var(--line-thin) solid var(--color-muted); border-radius: var(--radius-control); }
.field textarea { min-height: var(--textarea-height); resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: var(--color-muted); opacity: 1; }
.field input:focus-visible, .field textarea:focus-visible, .field select:focus-visible { border-color: var(--color-primary); }
.field input[aria-invalid="true"] { border-width: var(--line-focus); border-color: var(--color-text); }
.field input:disabled { background: var(--color-section); color: var(--color-muted); }
.field-error { margin-block-start: var(--space-2); font-size: var(--text-small); color: var(--color-text); }
.choice-group { margin: var(--space-0); padding: var(--space-0); border: 0; min-width: 0; }
.choice-list { display: grid; gap: var(--space-2); }
.choice { display: flex; align-items: flex-start; gap: var(--space-3); min-height: var(--control-height); padding-block: var(--space-3); }
.choice input { flex: 0 0 var(--space-4); width: var(--space-4); height: var(--space-4); margin: var(--space-1) var(--space-0) var(--space-0); accent-color: var(--color-primary); }
.choice label { cursor: pointer; min-width: 0; }
.field-states { display: grid; gap: var(--space-6); margin-block-start: var(--space-12); padding-block-start: var(--space-8); border-block-start: var(--line-thin) solid var(--color-line); }
.policy-list li + li { margin-block-start: var(--space-3); }
.inline-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); }
@media (min-width: 768px) {
  body { font-size: var(--text-body); }
  .shell { padding-inline: var(--space-8); }
  h1 { font-size: var(--text-hero-a); }
  h2 { font-size: var(--text-section); }
  .direction-b h1, .system-intro h1 { font-size: var(--text-hero-b); }
  .hero { padding-block: var(--space-16) var(--space-24); }
  .section, .system-section { padding-block: var(--space-24); }
  .process-list, .trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .component-index { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .field-grid--two, .field-states { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .paper-specimen { padding: var(--space-12); }
  .choice-list--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1120px) {
  .desktop-nav, .header-action { display: block; }
  .mobile-menu { display: none; }
  .speech-panel { position: absolute; top: 100%; left: 0; z-index: 10; width: var(--dropdown-width); }
  .pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.5fr); }
  .direction-b .sample-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); gap: var(--space-16); }
  .direction-b .sample-layout .section-heading { margin-block-end: var(--space-0); }
}

/* Content batch 4: shared reading components; existing rules remain intact. */
.site-header--guides .nav-list { gap: var(--space-4); font-size: var(--text-small); }
.content-page strong { font-weight: var(--weight-semibold); }
.guide-article { padding-block-end: var(--space-24); }
.article-heading { padding-block: var(--space-8) var(--space-12); }
.article-heading h1 { font-size: var(--text-hero-b-mobile); }
.article-intro { margin-block: var(--space-6); color: var(--color-muted); font-size: var(--text-lead); }
.guide-toc { padding: var(--space-6); margin-block-end: var(--space-12); border: var(--line-thin) solid var(--color-line); background: var(--color-section); border-radius: var(--radius-control); }
.guide-toc > p { font-weight: var(--weight-semibold); margin-block-end: var(--space-4); }
.guide-toc ol { display: grid; gap: var(--space-2) var(--space-6); padding-inline-start: var(--space-6); }
.guide-toc a { font-size: var(--text-small); }
.content-section { padding-block: var(--space-12); border-block-start: var(--line-thin) solid var(--color-line); }
.content-section h2 { margin-block-end: var(--space-6); }
.content-section > p + p, .content-section > p + ul, .content-section > p + ol, .content-section > ul + p, .content-section > ol + p { margin-block-start: var(--space-6); }
.content-section > p + div, .content-section > div + p { margin-block-start: var(--space-6); }
.content-section li + li { margin-block-start: var(--space-4); }
.step-summary { font-weight: var(--weight-semibold); }
.rewrite-list, .personalization-examples { display: grid; gap: var(--space-8); }
.rewrite-pair h3, .personalization-examples h3 { font-size: var(--text-lead); margin-block-end: var(--space-4); }
.rewrite-pair p + p, .personalization-examples p + p { margin-block-start: var(--space-3); }
.table-wrap { width: 100%; }
.timing-table { border-collapse: collapse; width: 100%; font-size: var(--text-small); }
.timing-table caption { text-align: left; margin-block-end: var(--space-3); color: var(--color-muted); }
.timing-table th, .timing-table td { text-align: left; padding: var(--space-3) var(--space-4); border-block-end: var(--line-thin) solid var(--color-line); }
.timing-table th { font-weight: var(--weight-semibold); background: var(--color-section); }
.worked-example { margin-block-start: var(--space-12); }
.worked-example > h3 { margin-block-end: var(--space-6); }
.worked-example > p { margin-block: var(--space-6); }
.draft-block { background: var(--color-section); padding: var(--space-6); border-radius: var(--radius-control); }
.draft-block h4, .final-draft h4 { margin-block-end: var(--space-4); font-family: var(--font-body); font-size: var(--text-small); font-weight: var(--weight-semibold); }
.annotation-list { margin-block-start: var(--space-6); font-size: var(--text-small); }
.wish-list { list-style: none; padding: var(--space-0); }
.content-section > p + .wish-list { margin-block-start: var(--space-8); }
.wish-item { display: grid; grid-template-columns: var(--space-8) minmax(0, 1fr); gap: var(--space-4); padding-block: var(--space-6); border-block-end: var(--line-thin) solid var(--color-line); }
.content-section .wish-item + .wish-item { margin-block-start: var(--space-0); }
.wish-number { color: var(--color-primary); font-family: var(--font-heading); font-size: var(--text-lead); font-weight: var(--weight-medium); font-variant-numeric: tabular-nums; }
.wish-best-for { margin-block-start: var(--space-3); color: var(--color-muted); font-size: var(--text-small); line-height: var(--leading-small); }
.library-link { margin-block: var(--space-6); font-size: var(--text-small); }
.article-close p { color: var(--color-muted); }
.article-close .button { margin-block-start: var(--space-6); }
.content-footer { border-block-start: var(--line-thin) solid var(--color-line); }
@media (min-width: 768px) {
  .article-heading h1 { font-size: var(--text-hero-b); }
  .guide-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* The live guide navigation ends with Speeches; keep its panel inside the shell. */
@media (min-width: 1120px) {
  .site-header--guides .speech-panel { left: auto; right: 0; }
}

/* Wedding wishes only: user-requested reading layout; shared tokens stay unchanged. */
.wishes-page { --wishes-caption-size: 0.8125rem; }
.wishes-page .wishes-jump-links { margin-block: var(--space-6); }
.wishes-page .wishes-jump-links ul { display: grid; gap: var(--space-2) var(--space-6); padding: var(--space-0); list-style: none; }
.wishes-page .wishes-jump-links a { display: flex; align-items: center; min-height: var(--control-height); font-size: var(--text-small); }
.wishes-page .wishes-group { padding-block: var(--space-16) var(--space-0); border-block-start: var(--line-thin) solid var(--color-line); }
.wishes-page .wishes-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); margin-block-end: var(--space-6); }
.wishes-page .wishes-group-heading h2 { min-width: 0; margin: var(--space-0); }
.wishes-page .wishes-count { flex: none; padding: var(--space-1) var(--space-2); border: var(--line-thin) solid var(--color-line); border-radius: var(--radius-control); background: var(--color-surface); color: var(--color-muted); font-size: var(--wishes-caption-size); line-height: var(--leading-small); white-space: nowrap; }
.wishes-page .wishes-group-heading + p { margin-block-start: var(--space-0); }
.wishes-page .wish-list { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--space-12); row-gap: var(--space-2); }
.wishes-page .wish-item { padding-block: var(--space-4); border-block-end: var(--line-thin) solid color-mix(in srgb, var(--color-line) 30%, transparent); }
.wishes-page .wishes-list-end > .wish-item:last-child { border-block-end: 0; }
.wishes-page .wish-number { display: grid; place-items: center; align-self: start; width: var(--space-8); height: var(--space-8); border: var(--line-thin) solid var(--color-line); border-radius: var(--radius-control); background: transparent; font-family: var(--font-body); font-size: var(--text-small); line-height: var(--leading-small); }
.wishes-page .wish-best-for { margin-block-start: var(--space-2); padding-inline-start: var(--space-2); border-inline-start: var(--line-focus) solid var(--color-line); color: var(--color-muted); font-size: var(--wishes-caption-size); line-height: var(--leading-small); }
.wishes-page .wishes-back { display: flex; justify-content: flex-end; max-width: none; padding-block: var(--space-4); }
.wishes-page .wishes-back a { display: inline-flex; align-items: center; min-height: var(--control-height); font-size: var(--wishes-caption-size); }
.wishes-page .wishes-mid-cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-block: var(--space-8); padding: var(--space-3) var(--space-4); background: var(--color-section); }
.wishes-page .wishes-mid-cta p { margin: var(--space-0); }
.wishes-page .wishes-mid-cta a { display: inline-flex; align-items: center; min-height: var(--control-height); }
@media (min-width: 768px) {
  .wishes-page .wishes-jump-links ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .wishes-page .wishes-article { max-width: none; }
  .wishes-page .article-heading, .wishes-page .guide-toc { max-width: var(--reading-width); margin-inline: auto; }
  .wishes-page .wish-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wishes-page .faq-list, .wishes-page .personalization-examples { max-width: var(--reading-width); }
}