/* ==========================================================================
   מילה טובה — A Good Word
   Writer's desk / letterpress: warm paper, ink navy, a copper nib.
   RTL-first, logical properties throughout. Prefix: mt-
   ========================================================================== */

:root {
  --paper: #F6F0E4;
  --paper-2: #EFE6D4;
  --card: #FFFCF6;
  --text: #2B3350;
  --ink: #2D3A5E;
  --ink-deep: #1E2742;
  --muted: #5A6278;
  --copper: #C9773B;
  --copper-ink: #94501F;
  --copper-btn: #A35A25;
  --on-btn: #FFFFFF;
  --line: #DCCFB8;
  --line-soft: #E8DECB;
  --rule: rgba(45, 58, 94, .13);
  --rule-red: rgba(201, 119, 59, .55);
  --focus: #A35A25;
  --good: #2F6B4F;
  --good-bg: #EAF2EC;
  --bad: #8F3B2E;
  --bad-bg: #F7E9E4;
  --wood-1: #8B5A33;
  --wood-2: #6B4223;
  --wood-3: #4F3018;
  --brass: #C9A15A;
  --shadow: 0 1px 0 rgba(45, 58, 94, .06), 0 10px 24px -14px rgba(30, 39, 66, .35);
  --shadow-lift: 0 2px 0 rgba(45, 58, 94, .06), 0 18px 34px -16px rgba(30, 39, 66, .45);
  --mark-env: #2D3A5E;
  --mark-paper: #F6F0E4;
  --mark-nib: #C9773B;

  --font-body: "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif;
  --font-title: "Frank Ruhl Libre", "David Libre", "Times New Roman", serif;
  --font-hand: "Gveret Levin", "Frank Ruhl Libre", serif;

  --wrap: 1180px;
  --measure: 70ch;
  --radius: 6px;
  color-scheme: light;
}

/* Dark: ink at night — the desk lamp is off, the paper glows faintly. */
:root[data-mode="dark"] {
  --paper: #141A2B;
  --paper-2: #10162A;
  --card: #1B2338;
  --text: #E9E3D6;
  --ink: #C9D3F0;
  --ink-deep: #E9E3D6;
  --muted: #A9B1C8;
  --copper: #E3A26B;
  --copper-ink: #E3A26B;
  --copper-btn: #E3A26B;
  --on-btn: #141A2B;
  --line: #333D58;
  --line-soft: #283149;
  --rule: rgba(201, 211, 240, .10);
  --rule-red: rgba(227, 162, 107, .45);
  --focus: #E3A26B;
  --good: #7FC4A0;
  --good-bg: rgba(127, 196, 160, .10);
  --bad: #E58A7C;
  --bad-bg: rgba(229, 138, 124, .10);
  --wood-1: #5B3B22;
  --wood-2: #452C18;
  --wood-3: #2E1D10;
  --brass: #B8914C;
  --shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 10px 24px -14px rgba(0, 0, 0, .8);
  --shadow-lift: 0 2px 0 rgba(0, 0, 0, .3), 0 18px 34px -16px rgba(0, 0, 0, .9);
  --mark-env: #C9D3F0;
  --mark-paper: #141A2B;
  --mark-nib: #E3A26B;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --paper: #141A2B;
    --paper-2: #10162A;
    --card: #1B2338;
    --text: #E9E3D6;
    --ink: #C9D3F0;
    --ink-deep: #E9E3D6;
    --muted: #A9B1C8;
    --copper: #E3A26B;
    --copper-ink: #E3A26B;
    --copper-btn: #E3A26B;
    --on-btn: #141A2B;
    --line: #333D58;
    --line-soft: #283149;
    --rule: rgba(201, 211, 240, .10);
    --rule-red: rgba(227, 162, 107, .45);
    --focus: #E3A26B;
    --good: #7FC4A0;
    --good-bg: rgba(127, 196, 160, .10);
    --bad: #E58A7C;
    --bad-bg: rgba(229, 138, 124, .10);
    --wood-1: #5B3B22;
    --wood-2: #452C18;
    --wood-3: #2E1D10;
    --brass: #B8914C;
    --shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 10px 24px -14px rgba(0, 0, 0, .8);
    --shadow-lift: 0 2px 0 rgba(0, 0, 0, .3), 0 18px 34px -16px rgba(0, 0, 0, .9);
    --mark-env: #C9D3F0;
    --mark-paper: #141A2B;
    --mark-nib: #E3A26B;
    color-scheme: dark;
  }
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-block-start: 24px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--paper);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}
img, svg { max-width: 100%; height: auto; }
img { display: block; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--font-title); color: var(--ink); line-height: 1.22; font-weight: 700; margin: 0; }
p { margin: 0; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 3px; }
.mt-main:focus { outline: none; }
.mt-wrap { inline-size: min(100% - 32px, var(--wrap)); margin-inline: auto; }
.mt-sr { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.mt-dot { display: inline-block; inline-size: 4px; block-size: 4px; border-radius: 50%; background: var(--copper); vertical-align: middle; margin-inline: 8px; }
.mt-ico { flex: none; }

.mt-skip {
  position: absolute; inset-inline-start: 12px; inset-block-start: -60px; z-index: 100;
  background: var(--ink-deep); color: var(--paper); padding: 10px 18px; border-radius: 0 0 6px 6px;
  font-weight: 700; text-decoration: none;
}
.mt-skip:focus { inset-block-start: 0; }
:root[data-mode="dark"] .mt-skip { background: var(--copper); color: #141A2B; }

/* ---------- Header: letterhead ---------- */
.mt-top { background: var(--paper); position: relative; z-index: 20; }
.mt-top__row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 18px 14px; }
.mt-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); min-block-size: 44px; }
.mt-brand__text { display: flex; flex-direction: column; }
.mt-brand__name { font-family: var(--font-hand); font-size: 2.15rem; line-height: 1; color: var(--ink); letter-spacing: .01em; }
.mt-brand__tag { font-size: .8rem; color: var(--muted); margin-block-start: 4px; letter-spacing: .01em; }
.mt-top__tools { display: flex; align-items: center; gap: 10px; }
.mt-iconbtn {
  inline-size: 44px; block-size: 44px; display: inline-grid; place-items: center; border-radius: 50%;
  border: 1px solid var(--line); background: var(--card); color: var(--ink); cursor: pointer; padding: 0;
}
.mt-iconbtn:hover { border-color: var(--copper); color: var(--copper-ink); }
.mt-mode .mt-ico--sun, :root[data-mode="dark"] .mt-mode .mt-ico--moon { display: none; }
:root[data-mode="dark"] .mt-mode .mt-ico--sun { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) .mt-mode .mt-ico--moon { display: none; }
  :root:not([data-mode="light"]) .mt-mode .mt-ico--sun { display: block; }
}
.mt-burger .mt-ico--close { display: none; }
.mt-menu-open .mt-burger .mt-ico--close { display: block; }
.mt-menu-open .mt-burger .mt-ico--menu { display: none; }

/* Search */
.mt-search { display: flex; align-items: center; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding-inline: 16px 4px; min-block-size: 44px; }
.mt-search:focus-within { border-color: var(--ink); box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 35%, transparent); }
.mt-search__input { flex: 1; min-inline-size: 0; border: 0; background: transparent; color: var(--text); font: inherit; font-size: .95rem; padding-block: 8px; }
.mt-search__input:focus { outline: none; }
.mt-search__input::placeholder { color: var(--muted); opacity: 1; }
.mt-search__btn { inline-size: 38px; block-size: 38px; border-radius: 50%; border: 0; background: var(--ink); color: var(--paper); display: grid; place-items: center; cursor: pointer; }
.mt-search__btn:hover { background: var(--copper-btn); color: var(--on-btn); }
.mt-top__search .mt-search { inline-size: 250px; }

/* Nav strip with letterpress double rule */
.mt-nav { border-block: 1px solid var(--line); box-shadow: inset 0 3px 0 -2px var(--line), inset 0 -3px 0 -2px var(--line); background: var(--paper); }
.mt-nav__inner { display: flex; align-items: center; gap: 4px 6px; }
.mt-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; }
.mt-nav__list a, .mt-nav__all {
  display: inline-flex; align-items: center; min-block-size: 46px; padding-inline: 12px; text-decoration: none;
  font-size: .95rem; font-weight: 500; color: var(--ink); position: relative;
}
.mt-nav__list li + li a::before {
  content: ""; position: absolute; inset-inline-start: -3px; inset-block-start: 50%; inline-size: 5px; block-size: 5px;
  background: var(--copper); transform: translateY(-50%) rotate(45deg); opacity: .7;
}
.mt-nav__list a:hover, .mt-nav__all:hover { color: var(--copper-ink); }
.mt-nav__list a::after, .mt-nav__all::after {
  content: ""; position: absolute; inset-inline: 12px; inset-block-end: 9px; block-size: 2px; background: var(--copper);
  transform: scaleX(0); transform-origin: right; transition: transform .2s ease;
}
.mt-nav__list a:hover::after, .mt-nav__all:hover::after,
.mt-nav__list .current-menu-item > a::after, .mt-nav__list .current-category-ancestor > a::after, .mt-nav__list .current-post-ancestor > a::after { transform: scaleX(1); }
.mt-nav__all { margin-inline-start: auto; font-weight: 700; color: var(--copper-ink); }
.mt-nav__search { display: none; }

@media (max-width: 1060px) {
  .mt-top__search { display: none; }
}
@media (max-width: 899px) {
  .mt-brand__name { font-size: 1.85rem; }
  .mt-brand__tag { display: none; }
  .mt-nav { display: none; position: absolute; inset-inline: 0; inset-block-start: 100%; box-shadow: var(--shadow-lift); }
  .mt-menu-open .mt-nav { display: block; }
  .mt-nav__inner { flex-direction: column; align-items: stretch; padding-block: 8px 18px; }
  .mt-nav__list { flex-direction: column; align-items: stretch; }
  .mt-nav__list li + li a::before { display: none; }
  .mt-nav__list a, .mt-nav__all { min-block-size: 48px; border-block-end: 1px dashed var(--line); padding-inline: 4px; font-size: 1.05rem; }
  .mt-nav__list a::after, .mt-nav__all::after { display: none; }
  .mt-nav__all { margin-inline-start: 0; }
  .mt-nav__search { display: block; margin-block-start: 14px; }
}
@media (min-width: 900px) { .mt-burger { display: none; } }

/* ---------- Breadcrumbs ---------- */
.mt-crumbs { font-size: .85rem; color: var(--muted); margin-block-end: 14px; }
.mt-crumbs a { color: var(--muted); text-decoration-color: var(--line); text-underline-offset: 3px; }
.mt-crumbs a:hover { color: var(--copper-ink); }

/* ---------- Section heads, buttons ---------- */
.mt-sechead { margin-block-end: 26px; }
.mt-sechead--row { display: flex; align-items: end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mt-sechead__kicker { font-family: var(--font-hand); color: var(--copper-ink); font-size: 1.45rem; line-height: 1.1; }
.mt-sechead__title { font-size: clamp(1.6rem, 2.6vw, 2.15rem); }
.mt-more {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; padding-inline: 18px; border-radius: 999px;
  border: 1.5px solid var(--ink); color: var(--ink); text-decoration: none; font-weight: 700; font-size: .95rem;
}
.mt-more:hover { background: var(--ink); color: var(--paper); }

/* ---------- Hero (front) ---------- */
.mt-hero { padding-block: clamp(34px, 6vw, 64px) 8px; text-align: center; }
.mt-hero__title { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mt-hero__name { font-family: var(--font-hand); font-weight: 400; font-size: clamp(3.4rem, 9vw, 6.2rem); line-height: .95; color: var(--ink); }
.mt-hero__sub { font-family: var(--font-title); font-weight: 500; font-size: clamp(1.15rem, 2.3vw, 1.55rem); color: var(--text); max-inline-size: 34ch; line-height: 1.4; }
.mt-hero__facts { list-style: none; padding: 0; margin: 22px 0 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 26px; color: var(--muted); font-size: .95rem; }
.mt-hero__facts strong { font-family: var(--font-title); font-size: 1.35rem; color: var(--copper-ink); margin-inline-end: 4px; }
.mt-hero__flourish { display: block; inline-size: min(300px, 70%); margin: 18px auto 0; color: var(--copper); }

/* ---------- Card catalogue (front) ---------- */
.mt-catalog { padding-block: 30px 56px; }
.mt-catalog .mt-sechead { text-align: center; }
.mt-drawer {
  position: relative;
  padding: clamp(14px, 2.4vw, 26px) clamp(12px, 2.4vw, 26px) 0;
  border-radius: 10px 10px 6px 6px;
  background:
    repeating-linear-gradient(92deg, rgba(255,255,255,.035) 0 2px, transparent 2px 9px, rgba(0,0,0,.05) 9px 10px, transparent 10px 23px),
    linear-gradient(180deg, var(--wood-1), var(--wood-2));
  box-shadow: var(--shadow-lift), inset 0 0 0 1px rgba(0,0,0,.25);
}
.mt-drawer::before { /* the well the cards stand in */
  content: ""; position: absolute; inset: clamp(8px, 1.2vw, 12px) clamp(8px, 1.2vw, 12px) 74px; border-radius: 6px;
  background: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.18)); box-shadow: inset 0 6px 14px rgba(0,0,0,.45);
}
.mt-drawer__cards {
  position: relative; list-style: none; margin: 0; padding: 26px 6px 22px;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 34px 14px;
}
.mt-icard { position: relative; display: flex; flex-direction: column; }
.mt-icard__tab {
  align-self: flex-start; position: relative; z-index: 1; max-inline-size: 100%;
  margin-block-end: -1px; padding: 7px 14px 5px; border-radius: 8px 8px 0 0;
  background: var(--card); font-size: 1rem; line-height: 1.25;
  box-shadow: 0 -1px 0 rgba(0,0,0,.08);
}
.mt-icard--t1 .mt-icard__tab { align-self: center; }
.mt-icard--t2 .mt-icard__tab { align-self: flex-end; }
.mt-icard__tab a { text-decoration: none; color: var(--ink); }
.mt-icard__tab a::after { content: ""; position: absolute; inset: 0; } /* the tab itself is the target */
.mt-icard__tab a:hover { color: var(--copper-ink); }
.mt-icard__body {
  flex: 1; position: relative; min-block-size: 168px; padding: 18px 16px 14px; border-radius: 0 0 4px 4px;
  background:
    linear-gradient(var(--rule-red), var(--rule-red)) 0 40px / 100% 1.5px no-repeat,
    repeating-linear-gradient(180deg, transparent 0 27px, var(--rule) 27px 28px) 0 41px / 100% calc(100% - 41px) no-repeat,
    var(--card);
  box-shadow: var(--shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}
.mt-icard--t0 .mt-icard__body { border-start-start-radius: 0; border-start-end-radius: 4px; }
.mt-icard--t1 .mt-icard__body { border-start-start-radius: 4px; border-start-end-radius: 4px; }
.mt-icard--t2 .mt-icard__body { border-start-start-radius: 4px; border-start-end-radius: 0; }
.mt-icard:hover .mt-icard__body, .mt-icard:focus-within .mt-icard__body { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.mt-icard__letter {
  position: absolute; inset-inline-end: 12px; inset-block-start: 2px;
  font-family: var(--font-hand); font-size: 2.1rem; line-height: 1; color: var(--copper);
}
.mt-icard__count { font-family: var(--font-title); font-weight: 700; font-size: 1rem; line-height: 28px; color: var(--copper-ink); margin-block-start: -6px; }
.mt-icard__newest { margin-block-start: 6px; font-size: .9rem; line-height: 28px; }
.mt-icard__lbl { display: block; font-size: .74rem; color: var(--muted); letter-spacing: .02em; }
.mt-icard__newest a { position: relative; z-index: 2; color: var(--text); text-decoration: underline; text-decoration-color: var(--rule-red); text-underline-offset: 4px; }
.mt-icard__newest a:hover { color: var(--copper-ink); text-decoration-color: currentColor; }
.mt-drawer__front {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  margin-inline: calc(-1 * clamp(12px, 2.4vw, 26px)); block-size: 74px; border-radius: 0 0 6px 6px;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 3px, transparent 3px 14px, rgba(0,0,0,.06) 14px 15px, transparent 15px 31px),
    linear-gradient(180deg, var(--wood-2), var(--wood-3));
  border-block-start: 2px solid rgba(0,0,0,.35);
}
.mt-drawer__label {
  min-inline-size: 86px; padding: 2px 14px; text-align: center; background: #FFFCF6; color: #2D3A5E;
  font-family: var(--font-hand); font-size: 1.15rem; line-height: 1.4;
  border: 3px solid var(--brass); border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.mt-drawer__pull { inline-size: 74px; block-size: 12px; border-radius: 0 0 40px 40px; background: linear-gradient(180deg, #E2C27F, var(--brass) 55%, #8E6B2D); box-shadow: 0 2px 3px rgba(0,0,0,.45); }

@media (max-width: 1100px) { .mt-drawer__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .mt-drawer__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 12px; } }
@media (max-width: 520px) {
  .mt-drawer__cards { grid-template-columns: 1fr; gap: 26px; padding-inline: 2px; }
  .mt-icard__body { min-block-size: 0; }
}

/* ---------- The letter (front page text) ---------- */
.mt-letterzone { padding-block: 20px 64px; }
.mt-envelope { --flap: clamp(90px, 13vw, 150px); position: relative; max-inline-size: 900px; margin-inline: auto; padding-block-start: calc(var(--flap) + 30px); padding-inline: clamp(12px, 2.6vw, 24px); }
.mt-envelope::before { /* envelope back, behind the letter's top */
  content: ""; position: absolute; inset-inline: 0; inset-block-start: calc(var(--flap) - 1px); block-size: 150px; border-radius: 0 0 6px 6px;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 6px, transparent 6px 12px), var(--env, #2D3A5E);
}
.mt-envelope__flap {
  position: absolute; inset-inline: 0; inset-block-start: 0; block-size: var(--flap);
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 6px, transparent 6px 12px), var(--env, #2D3A5E);
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
  filter: brightness(1.12);
}
:root[data-mode="dark"] .mt-envelope { --env: #2A3556; }
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) .mt-envelope { --env: #2A3556; } }
.mt-seal {
  position: absolute; inset-inline-start: 50%; inset-block-start: calc(var(--flap) * .5 - 26px); transform: translateX(50%);
  inline-size: 62px; block-size: 62px; border-radius: 50%; display: grid; place-items: center; z-index: 2;
  background: radial-gradient(circle at 40% 35%, #D88A4E, var(--copper-btn) 60%, #7E421A);
  box-shadow: 0 2px 0 rgba(0,0,0,.25), inset 0 0 0 4px rgba(0,0,0,.12);
  --mark-env: #FFF6EA; --mark-paper: #A35A25; --mark-nib: #FFF6EA;
}
[dir="ltr"] .mt-seal { transform: translateX(-50%); }
.mt-letter {
  position: relative; z-index: 1; background-color: var(--card);
  background-image: linear-gradient(180deg, var(--paper-2), transparent 90px);
  padding: clamp(28px, 5vw, 56px) clamp(22px, 6vw, 72px) clamp(30px, 5vw, 52px);
  border-radius: 3px; box-shadow: var(--shadow-lift);
  line-height: 1.85;
}
.mt-letter::before { /* margin line */
  content: ""; position: absolute; inset-block: 0; inset-inline-start: clamp(12px, 3.6vw, 44px); inline-size: 1.5px; background: var(--rule-red);
}
.mt-letter.mt-prose > * + * { margin-block-start: .9em; }
.mt-letter > p:first-child { font-family: var(--font-title); font-size: 1.45rem; color: var(--ink); font-weight: 700; }
.mt-letter > p:last-child { text-align: end; color: var(--muted); font-size: .95rem; }
.mt-letter > p:last-child strong { display: block; font-family: var(--font-hand); font-weight: 400; font-size: 2.3rem; line-height: 1.1; color: var(--ink); }
.mt-letter > p:nth-last-child(2) { text-align: end; font-family: var(--font-title); font-size: 1.15rem; font-style: italic; margin-block-start: 1.6em; }
.mt-letter h2 {
  font-size: 1.3rem; margin-block-start: 1.8em !important; padding-block-start: .9em;
  border-block-start: 1px dashed var(--line);
}
.mt-letter ol { list-style: none; padding: 0; counter-reset: none; }
.mt-letter ol li { position: relative; padding-inline-start: 36px; }
.mt-letter ol li + li { margin-block-start: .35em; }
.mt-letter ol li::before {
  content: ""; position: absolute; inset-inline-start: 2px; inset-block-start: .45em; inline-size: 18px; block-size: 18px;
  border: 1.8px solid var(--ink); border-radius: 3px; background: var(--card);
}
.mt-letter ol li::after {
  content: ""; position: absolute; inset-inline-start: 7px; inset-block-start: calc(.45em + 2px); inline-size: 6px; block-size: 11px;
  border: solid var(--copper); border-width: 0 2.5px 2.5px 0; transform: rotate(40deg);
}

/* ---------- Grids & cards ---------- */
.mt-latest { padding-block: 10px 64px; }
.mt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; }
@media (max-width: 980px) { .mt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .mt-grid { grid-template-columns: 1fr; } }
.mt-card {
  position: relative; display: flex; flex-direction: column; background: var(--card);
  border-radius: 4px; box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease;
}
.mt-card--sheet:hover, .mt-card--sheet:focus-within { transform: translateY(-3px); box-shadow: var(--shadow-lift); }
.mt-card__media { aspect-ratio: 3 / 2; overflow: hidden; border-radius: 4px 4px 0 0; background: var(--paper-2); margin: 10px 10px 0; border-radius: 2px; }
.mt-card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.mt-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 20px 18px; flex: 1; }
.mt-card__kicker { font-size: .82rem; font-weight: 700; color: var(--copper-ink); display: flex; align-items: center; gap: 8px; }
.mt-card__letter { font-family: var(--font-title); font-weight: 700; font-size: .85rem; line-height: 1; inline-size: 26px; block-size: 26px; display: inline-grid; place-items: center; border: 1.5px solid var(--copper); border-radius: 50%; padding-block-start: 1px; }
.mt-card__title { font-size: 1.22rem; line-height: 1.35; }
.mt-card__title a { text-decoration: none; color: var(--ink); }
.mt-card__title a::after { content: ""; position: absolute; inset: 0; }
.mt-card__title a:hover { color: var(--copper-ink); }
.mt-card__title a:focus-visible { outline: none; }
.mt-card:has(.mt-card__title a:focus-visible) { outline: 3px solid var(--focus); outline-offset: 3px; }
.mt-card__excerpt { color: var(--muted); font-size: .95rem; line-height: 1.65; }
.mt-card__meta { margin-block-start: auto; padding-block-start: 10px; border-block-start: 1px dashed var(--line); font-size: .8rem; color: var(--muted); display: flex; flex-wrap: wrap; align-items: center; }
.mt-card__meta .mt-dot { margin-inline: 7px; inline-size: 3px; block-size: 3px; }

.mt-card--line { box-shadow: none; background: transparent; border-block-end: 1px solid var(--line); border-radius: 0; }
.mt-card--line .mt-card__body { padding: 18px 2px; }
.mt-card--line .mt-card__meta { border: 0; padding: 0; }
.mt-lines { max-inline-size: 860px; }

/* ---------- Writers ---------- */
.mt-writers { padding-block: 10px 72px; }
.mt-writers__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 760px) { .mt-writers__grid { grid-template-columns: 1fr; } }
.mt-writer { display: flex; gap: 18px; align-items: flex-start; background: var(--card); padding: 24px; border-radius: 4px; box-shadow: var(--shadow); border-block-start: 3px solid var(--ink); }
.mt-writer__name { font-size: 1.3rem; }
.mt-writer__name a, .mt-writer__name span { text-decoration: none; color: var(--ink); }
.mt-writer__sig { font-family: var(--font-hand); font-size: 1.9rem; line-height: 1; color: var(--copper-ink); margin-block: 4px 2px; transform: rotate(-2deg); transform-origin: right; }
.mt-writer__count { font-size: .85rem; color: var(--muted); }
.mt-writer__bio { margin-block-start: 10px; font-size: .95rem; line-height: 1.7; }
.mt-mono {
  flex: none; inline-size: 46px; block-size: 46px; border-radius: 50%; display: inline-grid; place-items: center;
  background: var(--ink); color: var(--paper); font-family: var(--font-title); font-weight: 700; font-size: 1.05rem;
  box-shadow: 0 0 0 3px var(--card), 0 0 0 4.5px var(--copper);
}
.mt-mono--lg { inline-size: 62px; block-size: 62px; font-size: 1.4rem; }

/* ---------- Page heads ---------- */
.mt-head { padding-block: clamp(26px, 4vw, 44px) 26px; }
.mt-head__kicker { font-family: var(--font-hand); color: var(--copper-ink); font-size: 1.4rem; }
.mt-head__title { font-size: clamp(1.9rem, 4vw, 2.8rem); max-inline-size: 28ch; }
.mt-head__lead { margin-block-start: 10px; color: var(--muted); font-size: 1.08rem; max-inline-size: 62ch; }

/* Enlarged index card (category archive head) */
.mt-bigcard { max-inline-size: 760px; display: flex; flex-direction: column; filter: drop-shadow(0 12px 18px rgba(30,39,66,.16)); }
.mt-bigcard__tab {
  align-self: flex-start; background: var(--card); padding: 12px 22px 6px; border-radius: 10px 10px 0 0;
  font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-block-end: -1px;
}
.mt-bigcard__body {
  position: relative; padding: 18px clamp(18px, 4vw, 30px) 24px; border-radius: 0 6px 6px 6px;
  background:
    linear-gradient(var(--rule-red), var(--rule-red)) 0 46px / 100% 1.5px no-repeat,
    repeating-linear-gradient(180deg, transparent 0 31px, var(--rule) 31px 32px) 0 47px / 100% calc(100% - 47px) no-repeat,
    var(--card);
}
.mt-bigcard__letter { position: absolute; inset-inline-end: 18px; inset-block-start: 0; font-family: var(--font-hand); font-size: 3.2rem; line-height: 1; color: var(--copper); }
.mt-bigcard__count { font-family: var(--font-title); font-weight: 700; font-size: 1.15rem; color: var(--copper-ink); line-height: 32px; }
.mt-bigcard__lead { margin-block-start: 15px; line-height: 32px; font-size: 1.05rem; }

/* Index tabs strip */
.mt-tabs { margin-block: 6px 30px; border-block-end: 2px solid var(--ink); }
.mt-tabs__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.mt-tabs a {
  display: inline-flex; align-items: center; gap: 7px; min-block-size: 42px; padding: 6px 14px 4px; border-radius: 8px 8px 0 0;
  background: var(--paper-2); border: 1px solid var(--line); border-block-end: 0; text-decoration: none; color: var(--ink); font-size: .9rem; font-weight: 500;
}
.mt-tabs a:hover { background: var(--card); color: var(--copper-ink); }
.mt-tabs a[aria-current="page"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mt-tabs__l { font-family: var(--font-title); font-weight: 900; font-size: .95rem; color: var(--copper-ink); line-height: 1; }
.mt-tabs a[aria-current="page"] .mt-tabs__l { color: var(--copper); }
:root[data-mode="dark"] .mt-tabs a[aria-current="page"] .mt-tabs__l { color: #94501F; }
@media (max-width: 600px) {
  .mt-tabs { border: 0; }
  .mt-tabs__list { flex-wrap: nowrap; overflow-x: auto; padding-block-end: 6px; scrollbar-width: thin; }
  .mt-tabs a { white-space: nowrap; border-radius: 8px; border-block-end: 1px solid var(--line); }
}

.mt-about-sec { margin-block: 48px 64px; padding-block-start: 26px; border-block-start: 1px dashed var(--line); max-inline-size: var(--measure); }
.mt-empty { padding-block: 24px 56px; color: var(--muted); }
.mt-searchbar { max-inline-size: 520px; margin-block-end: 26px; }

/* Pagination */
.mt-pagination { margin-block: 40px 64px; }
.mt-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.mt-pagination .page-numbers {
  min-inline-size: 44px; min-block-size: 44px; display: inline-grid; place-items: center; padding-inline: 12px; border-radius: 4px;
  background: var(--card); border: 1px solid var(--line); text-decoration: none; color: var(--ink); font-weight: 700;
}
.mt-pagination .page-numbers.current { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mt-pagination a.page-numbers:hover { border-color: var(--copper); color: var(--copper-ink); }
.mt-pagination .nav-links > .page-numbers { display: inline-flex; gap: 6px; }

/* ---------- Single ---------- */
.mt-shead { padding-block: clamp(24px, 4vw, 42px) 20px; }
.mt-shead__inner { max-inline-size: 920px; }
.mt-shead__cat a {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: 40px; text-decoration: none; color: var(--copper-ink); font-weight: 700; font-size: .92rem;
  background: var(--card); padding: 5px 14px 3px; border-radius: 8px 8px 0 0; border-block-end: 2px solid var(--copper);
}
.mt-shead__l { font-family: var(--font-title); font-weight: 900; font-size: 1.05rem; line-height: 1; }
.mt-shead__title { margin-block-start: 14px; font-size: clamp(1.95rem, 4.4vw, 3rem); line-height: 1.18; }
.mt-byline { display: flex; align-items: center; gap: 14px; margin-block-start: 22px; }
.mt-byline__name { font-weight: 700; color: var(--ink); }
.mt-byline__name a, .mt-byline__name span { color: inherit; }
.mt-byline__meta { font-size: .86rem; color: var(--muted); display: flex; flex-wrap: wrap; align-items: center; }
.mt-hero-img { margin: 8px auto 0; max-inline-size: 920px; padding: 10px; background: var(--card); box-shadow: var(--shadow); border-radius: 3px; }
.mt-hero-img img { inline-size: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 1px; }

.mt-reading { display: grid; grid-template-columns: minmax(0, var(--measure)); justify-content: center; gap: 48px; padding-block: 36px 40px; }
@media (min-width: 1100px) {
  .mt-reading--toc { grid-template-columns: 250px minmax(0, var(--measure)); justify-content: center; }
  .mt-toc-wrap { position: sticky; inset-block-start: 24px; align-self: start; max-block-size: calc(100vh - 48px); overflow: auto; }
}
.mt-toc {
  background: var(--card); border-radius: 4px; box-shadow: var(--shadow); padding: 4px 18px 14px;
  background-image: linear-gradient(var(--rule-red), var(--rule-red)); background-size: 100% 1.5px; background-position: 0 50px; background-repeat: no-repeat;
}
.mt-toc__sum { cursor: pointer; min-block-size: 46px; display: flex; align-items: center; font-family: var(--font-title); font-weight: 700; color: var(--ink); font-size: 1.05rem; list-style: none; }
.mt-toc__sum::-webkit-details-marker { display: none; }
.mt-toc__sum::after { content: "+"; margin-inline-start: auto; color: var(--copper-ink); font-size: 1.3rem; }
.mt-toc[open] .mt-toc__sum::after { content: "−"; }
.mt-toc__list { margin: 10px 0 0; padding-inline-start: 1.3em; font-size: .9rem; line-height: 1.5; }
.mt-toc__list li { padding-block: 0; }
.mt-toc__list li::marker { color: var(--copper-ink); font-family: var(--font-title); }
.mt-toc__list a { display: block; padding-block: 9px; min-block-size: 40px; color: var(--text); text-decoration: none; }
.mt-toc__list a:hover { color: var(--copper-ink); text-decoration: underline; }

/* ---------- Prose ---------- */
.mt-prose { overflow-wrap: break-word; }
.mt-prose > * + * { margin-block-start: 1.05em; }
.mt-prose h2 { font-size: clamp(1.45rem, 2.6vw, 1.8rem); margin-block-start: 1.9em; scroll-margin-block-start: 24px; }
.mt-prose h3 { font-size: 1.22rem; margin-block-start: 1.6em; }
.mt-prose h2 + *, .mt-prose h3 + * { margin-block-start: .6em; }
.mt-prose a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--copper); text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.mt-prose a:hover { color: var(--copper-ink); }
.mt-prose strong { color: var(--ink-deep); font-weight: 700; }
.mt-prose ul, .mt-prose ol { padding-inline-start: 1.4em; }
.mt-prose li + li { margin-block-start: .4em; }
.mt-prose ul li::marker { color: var(--copper); }
.mt-prose ol li::marker { color: var(--copper-ink); font-family: var(--font-title); font-weight: 700; }
.mt-prose img { border-radius: 3px; }
.mt-prose hr { border: 0; block-size: 1px; background: var(--line); margin-block: 2em; }
.mt-body > p:first-child { font-size: 1.14rem; line-height: 1.8; }

/* Sample texts: letter cards */
.mt-sample {
  margin-inline: 0; margin-block: 1.5em; position: relative; background: var(--card);
  border-radius: 3px; box-shadow: var(--shadow);
  border-inline-start: 4px solid var(--copper);
}
.mt-sample__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px 0 12px; }
.mt-sample__label { font-family: var(--font-hand); font-size: 1.2rem; color: var(--copper-ink); line-height: 1.2; }
.mt-sample__n { font-family: var(--font-title); font-weight: 700; font-size: .95rem; margin-inline-start: 4px; }
.mt-copy {
  display: inline-flex; align-items: center; gap: 6px; min-block-size: 40px; padding-inline: 14px; border-radius: 999px;
  border: 1.5px solid var(--line); background: var(--paper); color: var(--ink); font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer;
}
.mt-copy[hidden] { display: none; }
.mt-copy:hover { border-color: var(--ink); }
.mt-copy .mt-ico--check { display: none; }
.mt-copy.is-done { background: var(--good-bg); border-color: var(--good); color: var(--good); }
.mt-copy.is-done .mt-ico--check { display: block; }
.mt-copy.is-done .mt-ico--copy { display: none; }
.mt-sample__text {
  margin: 0; padding: 10px 22px 22px; font-family: var(--font-title); font-size: 1.12rem; line-height: 1.85; color: var(--text);
  background-image: repeating-linear-gradient(180deg, transparent 0 calc(1.85em - 1px), var(--rule) calc(1.85em - 1px) 1.85em);
  background-position: 0 calc(10px + .1em);
}
.mt-sample__text > * + * { margin-block-start: .8em; }

/* Tables */
.mt-table { overflow-x: auto; margin-block: 1.5em; border-radius: 4px; box-shadow: var(--shadow); background: var(--card); }
.mt-table table { inline-size: 100%; border-collapse: collapse; font-size: .95rem; line-height: 1.55; }
.mt-table th { background: var(--ink); color: var(--paper); font-family: var(--font-title); font-weight: 700; text-align: start; padding: 11px 14px; font-size: 1rem; }
:root[data-mode="dark"] .mt-table th { background: #2A3556; color: var(--text); }
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) .mt-table th { background: #2A3556; color: var(--text); } }
.mt-table td { padding: 11px 14px; border-block-end: 1px solid var(--line-soft); vertical-align: top; }
.mt-table tbody tr:last-child td { border-block-end: 0; }
.mt-table tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--paper) 45%, transparent); }
/* Correct / incorrect pairs */
.mt-table td.mt-bad, .mt-table td.mt-good { position: relative; padding-inline-start: 38px; }
.mt-table td.mt-bad { color: var(--bad); background: var(--bad-bg) !important; }
.mt-table td.mt-good { color: var(--good); background: var(--good-bg) !important; font-weight: 600; }
.mt-table td.mt-bad::before, .mt-table td.mt-good::before {
  position: absolute; inset-inline-start: 12px; inset-block-start: 11px; inline-size: 18px; block-size: 18px; border-radius: 50%;
  display: grid; place-items: center; font-size: .72rem; font-weight: 700; line-height: 1; color: var(--card);
}
.mt-table td.mt-bad::before { content: "✕"; background: var(--bad); }
.mt-table td.mt-good::before { content: "✓"; background: var(--good); }
.mt-table td.mt-bad { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--bad) 55%, transparent); text-decoration-thickness: 1.5px; }
.mt-table th.mt-bad { box-shadow: inset 0 -4px 0 var(--bad); }
.mt-table th.mt-good { box-shadow: inset 0 -4px 0 var(--good); }
@media (max-width: 640px) {
  .mt-table--labelled { box-shadow: none; background: transparent; overflow: visible; }
  .mt-table--labelled table, .mt-table--labelled tbody, .mt-table--labelled tr, .mt-table--labelled td { display: block; inline-size: 100%; }
  .mt-table--labelled thead { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
  .mt-table--labelled tr { background: var(--card); border-radius: 4px; box-shadow: var(--shadow); margin-block-end: 12px; overflow: hidden; }
  .mt-table--labelled tbody tr:nth-child(even) td { background: transparent; }
  .mt-table--labelled td { border-block-end: 1px dashed var(--line-soft); }
  .mt-table--labelled td[data-label]::before { content: attr(data-label); display: block; font-size: .75rem; font-weight: 700; color: var(--muted); margin-block-end: 2px; text-decoration: none; }
  .mt-table--labelled td.mt-bad[data-label]::before, .mt-table--labelled td.mt-good[data-label]::before {
    content: attr(data-label); position: static; inline-size: auto; block-size: auto; display: block; background: none; border-radius: 0;
    color: inherit; font-size: .75rem; text-align: start;
  }
  .mt-table--labelled td.mt-bad, .mt-table--labelled td.mt-good { padding-inline-start: 14px; }
  .mt-table--labelled td.mt-bad { text-decoration: none; }
  .mt-table--labelled td.mt-bad[data-label]::before { content: "✕ " attr(data-label); }
  .mt-table--labelled td.mt-good[data-label]::before { content: "✓ " attr(data-label); }
}

/* Exercise card */
.mt-exercise {
  margin-block-start: 2.4em !important; padding: 22px clamp(18px, 4vw, 30px) 26px; border-radius: 4px; position: relative;
  background: var(--card); box-shadow: var(--shadow); border: 1.5px solid var(--ink);
}
.mt-exercise::after { /* paper clip */
  content: ""; position: absolute; inset-block-start: -14px; inset-inline-end: 34px; inline-size: 14px; block-size: 40px;
  border: 2.5px solid var(--muted); border-radius: 8px; border-block-end-color: transparent; transform: rotate(8deg); opacity: .8;
}
.mt-exercise__head { display: flex; align-items: center; gap: 10px; color: var(--copper-ink); }
.mt-exercise__head h2 { margin: 0 !important; font-size: 1.45rem; }
.mt-exercise__body { margin-block-start: 10px; }
.mt-exercise__body > * + * { margin-block-start: .9em; }
.mt-exercise__lines {
  margin-block-start: 18px; block-size: calc(34px * 5); border-radius: 2px; position: relative;
  background: repeating-linear-gradient(180deg, transparent 0 33px, var(--rule) 33px 34px);
  border-block-start: 1.5px solid var(--rule-red);
}
.mt-exercise__lines::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 38px; inline-size: 1.5px; background: var(--rule-red); }

/* Disclaimer (quiet note) + relink */
.mt-quiet { margin-block-start: 2em !important; padding-block-start: 14px; border-block-start: 1px solid var(--line); color: var(--muted); font-size: .86rem; line-height: 1.7; }
.mt-quiet p { margin: 0; }
.mt-relink { padding: 12px 16px; border-radius: 4px; background: var(--paper-2); border-inline-start: 3px solid var(--copper); font-size: .97rem; }

.mt-tags { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; }
.mt-tags a { display: inline-block; padding: 4px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; text-decoration: none; }

/* Author box: signed card */
.mt-authorbox {
  display: flex; gap: 18px; align-items: flex-start; margin-block-start: 2.6em !important; padding: 22px 24px;
  background: var(--card); border-radius: 4px; box-shadow: var(--shadow); border-block-start: 3px solid var(--ink);
}
.mt-authorbox__kicker { font-size: .8rem; color: var(--muted); }
.mt-authorbox__name { font-family: var(--font-hand); font-size: 1.9rem; line-height: 1.1; color: var(--ink); }
.mt-authorbox__name a, .mt-authorbox__name span { color: inherit; text-decoration: none; }
.mt-authorbox__bio { margin-block-start: 6px; font-size: .95rem; line-height: 1.7; }

.mt-related { padding-block: 40px 70px; background: var(--paper-2); border-block-start: 1px solid var(--line); }

/* Static pages: a sheet of paper */
.mt-sheet {
  max-inline-size: 860px; margin-block-end: 70px; background: var(--card); padding: clamp(24px, 5vw, 52px) clamp(20px, 5vw, 60px);
  border-radius: 3px; box-shadow: var(--shadow);
}
.mt-sheet > h2:first-child { margin-block-start: 0; }

/* Contact form (adx-contact-form plugin variables) */
.mt-prose .adxc { --adxc-accent: var(--ink); --adxc-border: var(--line); --adxc-radius: 6px; --adxc-input-bg: var(--paper); max-inline-size: none; margin: 0; }
.mt-prose .adxc .adxc-form { background: transparent; padding: 0; }
.mt-prose .adxc .adxc-field label { font-family: var(--font-title); font-weight: 700; color: var(--ink); }
.mt-prose .adxc .adxc-field input, .mt-prose .adxc .adxc-field textarea { min-block-size: 46px; color: var(--text); font: inherit; border-width: 1.5px; }
.mt-prose .adxc .adxc-field textarea {
  background-image: repeating-linear-gradient(180deg, transparent 0 calc(1.75em - 1px), var(--rule) calc(1.75em - 1px) 1.75em);
  line-height: 1.75;
}
.mt-prose .adxc .adxc-field input:focus-visible, .mt-prose .adxc .adxc-field textarea:focus-visible { outline: 3px solid var(--focus); outline-offset: 1px; }
.mt-prose .adxc .adxc-submit { min-block-size: 46px; border-radius: 999px; padding-inline: 26px; background: var(--copper-btn); color: var(--on-btn); border: 0; font-weight: 700; }
.mt-prose .adxc.adxc-state-ok .adxc-msg { color: var(--good); }
.mt-prose .adxc.adxc-state-err .adxc-msg { color: var(--bad); }

/* ---------- 404 ---------- */
.mt-404 { padding-block: clamp(30px, 6vw, 70px); }
.mt-404__inner { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: center; }
@media (max-width: 760px) { .mt-404__inner { grid-template-columns: 1fr; gap: 28px; } }
.mt-404__env {
  position: relative; aspect-ratio: 3 / 2; background: var(--card); border-radius: 4px; box-shadow: var(--shadow-lift);
  background-image: linear-gradient(to top left, transparent calc(50% - 1px), var(--line) 50%, transparent calc(50% + 1px)),
                    linear-gradient(to top right, transparent calc(50% - 1px), var(--line) 50%, transparent calc(50% + 1px));
  background-size: 50% 60%; background-position: 0 0, 100% 0; background-repeat: no-repeat;
  max-inline-size: 300px; transform: rotate(-3deg);
}
.mt-404__stamp {
  position: absolute; inset-inline-start: 18%; inset-block-start: 42%; padding: 6px 14px; border: 3px double var(--bad); color: var(--bad);
  font-family: var(--font-title); font-weight: 900; font-size: 1.3rem; transform: rotate(-12deg); border-radius: 4px; letter-spacing: .04em;
}
.mt-404__text .mt-searchbar { margin-block: 22px 18px; }

/* ---------- Footer: the blotter ---------- */
.mt-foot { background: var(--ink-deep); color: #E9E3D6; padding-block: 52px 0; margin-block-start: 0; }
:root[data-mode="dark"] .mt-foot { background: #0D1220; }
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) .mt-foot { background: #0D1220; } }
.mt-foot { --mark-env: #E9E3D6; --mark-paper: #1E2742; --mark-nib: #E3A26B; --focus: #E3A26B; }
.mt-foot__grid { display: grid; grid-template-columns: 1.3fr 1.4fr 1fr; gap: 40px; }
@media (max-width: 900px) { .mt-foot__grid { grid-template-columns: 1fr 1fr; } .mt-foot__brand { grid-column: 1 / -1; } }
@media (max-width: 560px) { .mt-foot__grid { grid-template-columns: 1fr; } }
.mt-brand--foot { color: #F6F0E4; }
.mt-brand--foot .mt-brand__name { color: #F6F0E4; font-size: 2.4rem; }
.mt-foot__about { margin-block-start: 14px; color: #C8D0E4; font-size: .93rem; max-inline-size: 42ch; }
.mt-foot__small { margin-block-start: 10px; color: #A9B1C8; font-size: .82rem; }
.mt-foot__h { font-family: var(--font-hand); font-weight: 400; color: #E3A26B; font-size: 1.5rem; margin-block-end: 10px; }
.mt-foot__list { list-style: none; margin: 0; padding: 0; }
.mt-foot__list--cols { columns: 2; column-gap: 24px; }
.mt-foot__list a { display: inline-flex; align-items: center; min-block-size: 40px; color: #E9E3D6; text-decoration: none; font-size: .93rem; }
.mt-foot__list a:hover { color: #E3A26B; text-decoration: underline; text-underline-offset: 4px; }
.mt-foot__base {
  display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-block-start: 40px; padding-block: 16px 22px; border-block-start: 1px solid rgba(233, 227, 214, .16); font-size: .85rem; color: #A9B1C8;
}
.mt-foot__top { color: #E9E3D6; text-decoration: none; min-block-size: 40px; display: inline-flex; align-items: center; }
.mt-foot__top:hover { color: #E3A26B; }

/* ---------- Motion ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .mt-icard:hover .mt-icard__body, .mt-icard:focus-within .mt-icard__body, .mt-card--sheet:hover, .mt-card--sheet:focus-within { transform: none; }
}

/* ---------- Print ---------- */
@media print {
  .mt-top, .mt-foot, .mt-related, .mt-toc-wrap, .mt-copy, .mt-exercise__lines { display: none !important; }
  body { background: #fff; color: #000; }
  .mt-sample, .mt-card, .mt-exercise { box-shadow: none; border: 1px solid #999; }
}