:root {
  --zad-canvas: oklch(97.5% 0.008 255);
  --zad-paper: oklch(99.2% 0.004 255);
  --zad-ink: oklch(20% 0.025 255);
  --zad-ink-soft: oklch(27% 0.025 255);
  --zad-muted: oklch(49% 0.025 255);
  --zad-line: oklch(86% 0.018 255);
  --zad-line-strong: oklch(71% 0.025 255);
  --zad-accent: oklch(54% 0.23 264);
  --zad-accent-dark: oklch(43% 0.2 264);
  --zad-accent-soft: oklch(93% 0.035 264);
  --zad-on-dark: oklch(96% 0.008 255);
  --zad-max: 82.5rem;
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--zad-canvas);
  color: var(--zad-ink);
  font-family: var(--font-zad);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
body, button, input, textarea, select { font-family: var(--font-zad); }
a { color: inherit; text-underline-offset: .22em; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}
.zad-site { min-height: 100vh; overflow: clip; background: var(--zad-canvas); }
.zad-scroll-progress { position: fixed; z-index: 49; top: 4.5rem; right: 0; left: 0; height: 2px; pointer-events: none; }
.zad-scroll-progress span { display: block; width: 100%; height: 100%; transform-origin: right center; background: var(--zad-accent); }
.zad-kicker {
  margin: 0;
  color: var(--zad-accent);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Header */
.zad-header {
  position: sticky;
  z-index: 50;
  top: 0;
  min-height: 4.5rem;
  border: 0;
  border-bottom: 1px solid oklch(34% 0.025 255);
  background: var(--zad-ink);
  color: var(--zad-on-dark);
}
.zad-header-inner {
  display: flex;
  width: min(100% - 3rem, var(--zad-max));
  min-height: 4.5rem;
  margin-inline: auto;
  align-items: stretch;
  justify-content: space-between;
  gap: 2rem;
}
.zad-brand { display: flex; min-width: 10rem; align-items: center; gap: .75rem; color: var(--zad-on-dark); }
.zad-wordmark { font-size: 1.65rem; font-weight: 700; letter-spacing: 0; line-height: 1; }
.zad-wordmark::after { width: .34rem; height: .34rem; margin-inline-start: .2rem; background: var(--zad-accent); }
.zad-brand-note { border-color: oklch(42% 0.02 255); color: oklch(75% 0.018 255); font-size: .68rem; }
.zad-primary-nav { display: flex; min-width: 0; align-items: stretch; }
.zad-menu { display: flex; margin: 0; padding: 0; align-items: stretch; list-style: none; }
.zad-menu > li { position: relative; }
.zad-menu a {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  border: 0;
  padding-inline: .9rem;
  color: oklch(79% 0.014 255);
  font-size: .76rem;
  font-weight: 400;
  white-space: nowrap;
}
.zad-menu a:hover, .zad-menu a:focus-visible, .zad-menu a[aria-current="page"], .zad-menu .current-menu-item > a {
  background: oklch(25% 0.03 255);
  box-shadow: inset 0 -2px 0 var(--zad-accent);
  color: var(--zad-on-dark);
}
.zad-menu .sub-menu {
  position: absolute;
  z-index: 60;
  top: 100%;
  right: 0;
  display: none;
  width: 14rem;
  border: 1px solid oklch(36% 0.025 255);
  background: var(--zad-ink-soft);
  padding: .4rem;
  list-style: none;
}
.zad-menu .sub-menu a { min-height: 2.8rem; padding-inline: .85rem; color: oklch(86% 0.012 255); white-space: normal; }
.zad-menu li:hover > .sub-menu, .zad-menu li:focus-within > .sub-menu { display: block; }
.zad-search { display: flex; width: 12rem; height: auto; border: 0; border-inline-start: 1px solid oklch(34% 0.025 255); }
.zad-search input { width: 100%; min-width: 0; border: 0; background: transparent; padding-inline: 1rem; color: var(--zad-on-dark); outline: 0; }
.zad-search input::placeholder { color: oklch(67% 0.014 255); }
.zad-search input:focus { background: oklch(25% 0.03 255); }
.zad-search button, .zad-menu-toggle { border: 0; background: var(--zad-accent); color: var(--zad-on-dark); font-size: .74rem; font-weight: 700; }

/* Shared controls */
.zad-button, .zad-text-link {
  border-radius: 0;
  font-size: .82rem;
  font-weight: 700;
  transition: background-color 160ms cubic-bezier(.22, 1, .36, 1), color 160ms cubic-bezier(.22, 1, .36, 1), border-color 160ms cubic-bezier(.22, 1, .36, 1);
}
.zad-button { min-height: 3.15rem; border: 1px solid var(--zad-ink); padding: .8rem 1.3rem; }
.zad-button-primary { border-color: var(--zad-accent); background: var(--zad-accent); color: var(--zad-on-dark); }
.zad-button-primary:hover { border-color: var(--zad-accent-dark); background: var(--zad-accent-dark); }
.zad-text-link { min-height: 2.7rem; border-bottom: 1px solid var(--zad-line-strong); }
.zad-text-link:hover { border-color: var(--zad-accent); color: var(--zad-accent-dark); }
.zad-section { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; padding-block: clamp(4.5rem, 7vw, 7rem); }
.zad-simple-heading { align-items: end; margin-bottom: clamp(2.25rem, 4vw, 3.75rem); gap: 2rem; }
.zad-simple-heading h2 {
  max-width: 18ch;
  margin: 0;
  font-size: clamp(2.1rem, 3.8vw, 3.65rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.12;
}
.zad-simple-heading p { max-width: 44rem; color: var(--zad-muted); font-size: .98rem; line-height: 1.9; }

/* Homepage hero */
.zad-editorial-hero {
  display: grid;
  width: min(100% - 3rem, var(--zad-max));
  min-height: min(46rem, calc(100dvh - 4.5rem));
  margin-inline: auto;
  grid-template-columns: minmax(0, 2fr) minmax(18rem, .85fr);
  border: 0;
  background: var(--zad-paper);
}
.zad-editorial-hero-copy { justify-content: center; padding: clamp(4rem, 8vw, 7rem) clamp(2rem, 6vw, 6rem); }
.zad-editorial-hero h1 {
  max-width: 16ch;
  margin: 1.15rem 0 0;
  font-size: clamp(2.7rem, 4.8vw, 4.5rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.14;
}
.zad-editorial-hero-copy > p:not(.zad-kicker) { max-width: 58ch; margin: 1.65rem 0 0; color: var(--zad-muted); font-size: 1.05rem; line-height: 1.95; }
.zad-actions { margin-top: 2.25rem; }
.zad-editorial-hero-copy .zad-hero-proof { margin-top: 2.2rem; color: var(--zad-accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7rem; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.zad-front-index { justify-content: flex-end; border: 0; background: var(--zad-accent); padding: 0; color: var(--zad-on-dark); }
.zad-front-index::before {
  display: block;
  margin: auto 1.5rem 2rem;
  content: "ZAD / ARABIC TECH INDEX";
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .62rem;
  letter-spacing: .1em;
  opacity: .72;
}
.zad-front-index a { display: grid; grid-template-columns: 2.25rem 1fr; border-color: oklch(72% 0.13 264 / .42); padding: 1.15rem 1.5rem; gap: .15rem 1rem; }
.zad-front-index a:hover { border-color: var(--zad-on-dark); background: var(--zad-accent-dark); color: var(--zad-on-dark); }
.zad-front-index strong { align-self: end; font-size: .94rem; }
.zad-front-index span { grid-row: 1 / 3; align-self: center; color: oklch(88% 0.045 264); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; }
.zad-front-index small { grid-column: 2; color: oklch(88% 0.045 264); font-size: .66rem; }

/* Complete site map */
.zad-site-map { scroll-margin-top: 4.5rem; padding-top: clamp(5.5rem, 8vw, 8.5rem); }
.zad-map-heading, .zad-showcase-preview-heading, .zad-storefront header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .62fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: end; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.zad-map-heading h2, .zad-showcase-preview-heading h2, .zad-storefront h2 { max-width: 15ch; margin: .8rem 0 0; font-size: clamp(2.35rem, 4.6vw, 4.35rem); line-height: 1.08; text-wrap: balance; }
.zad-map-heading > p, .zad-showcase-preview-heading > div:last-child > p, .zad-storefront header > div:last-child > p { max-width: 38rem; margin: 0; color: var(--zad-muted); line-height: 1.9; }
.zad-map-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); border-top: 1px solid var(--zad-line-strong); border-inline-start: 1px solid var(--zad-line-strong); }
.zad-map-route { display: flex; min-height: 19rem; grid-column: span 3; flex-direction: column; border-inline-end: 1px solid var(--zad-line-strong); border-bottom: 1px solid var(--zad-line-strong); padding: 1.5rem; transition: background-color 180ms ease, color 180ms ease, transform 180ms ease; }
.zad-map-route-wide { grid-column: span 6; }
.zad-map-route:nth-child(n + 4) { grid-column: span 4; min-height: 17rem; }
.zad-map-route > span { color: var(--zad-accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; font-variant-numeric: tabular-nums; }
.zad-map-route h3 { max-width: 12ch; margin: auto 0 .75rem; font-size: clamp(1.65rem, 2.6vw, 2.4rem); line-height: 1.15; }
.zad-map-route p { max-width: 36ch; margin: 0; color: var(--zad-muted); font-size: .86rem; line-height: 1.85; }
.zad-map-route b { margin-top: 1.5rem; font-size: .75rem; }
.zad-map-route:hover, .zad-map-route:focus-visible { z-index: 1; background: var(--zad-accent); color: var(--zad-on-dark); outline: 0; transform: translateY(-3px); }
.zad-map-route:hover > span, .zad-map-route:hover p, .zad-map-route:focus-visible > span, .zad-map-route:focus-visible p { color: var(--zad-on-dark); }
.zad-map-route-ink { background: var(--zad-ink); color: var(--zad-on-dark); }
.zad-map-route-ink > span, .zad-map-route-ink p { color: oklch(76% 0.025 255); }
.zad-map-secondary { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--zad-line); padding-block: 1.1rem; gap: .4rem 0; }
.zad-map-secondary a { border-inline-end: 1px solid var(--zad-line); padding: .35rem 1rem; color: var(--zad-muted); font-size: .72rem; }
.zad-map-secondary a:first-child { padding-inline-start: 0; }
.zad-map-secondary a:hover, .zad-map-secondary a:focus-visible { color: var(--zad-accent-dark); }

/* Latest stories */
.zad-latest { padding-top: clamp(5rem, 8vw, 8rem); }
.zad-latest-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .75fr); gap: clamp(2.5rem, 6vw, 6rem); }
.zad-lead-story { border-top: 2px solid var(--zad-ink); padding-top: 1.25rem; }
.zad-lead-story h3 { max-width: 20ch; margin: 1.75rem 0 0; font-size: clamp(2rem, 3.6vw, 3.45rem); font-weight: 700; letter-spacing: 0; line-height: 1.28; }
.zad-lead-story p { max-width: 65ch; color: var(--zad-muted); line-height: 1.9; }
.zad-story-meta { color: var(--zad-accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; }
.zad-story-list { border-top: 1px solid var(--zad-line-strong); }
.zad-story-list article { border-bottom: 1px solid var(--zad-line); padding: 1.25rem 0; }
.zad-story-list h3 { margin: .45rem 0 0; font-size: 1.05rem; font-weight: 700; line-height: 1.55; }
.zad-story-list p { display: none; }

/* Latest showcase experiments */
.zad-showcase-preview { width: 100%; max-width: none; background: var(--zad-paper); }
.zad-showcase-preview > * { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; }
.zad-showcase-preview-heading > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; }
.zad-showcase-preview-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); border-top: 1px solid var(--zad-line-strong); border-inline-start: 1px solid var(--zad-line-strong); }
.zad-showcase-preview-card { position: relative; display: flex; min-height: 22rem; grid-column: span 3; flex-direction: column; border-inline-end: 1px solid var(--zad-line-strong); border-bottom: 1px solid var(--zad-line-strong); padding: 1.5rem; }
.zad-showcase-preview-card:first-child { grid-column: span 6; background: var(--zad-accent-soft); }
.zad-showcase-preview-meta { display: flex; justify-content: space-between; color: var(--zad-accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .65rem; }
.zad-showcase-preview-card h3 { max-width: 18ch; margin: auto 0 .9rem; font-size: clamp(1.5rem, 2.5vw, 2.35rem); line-height: 1.25; }
.zad-showcase-preview-card p { margin: 0; color: var(--zad-muted); font-size: .84rem; line-height: 1.8; }
.zad-showcase-preview-card > a { display: grid; width: 2.75rem; height: 2.75rem; margin-top: 1.4rem; place-items: center; border: 1px solid var(--zad-line-strong); color: var(--zad-accent-dark); transition: background-color 160ms ease, color 160ms ease; }
.zad-showcase-preview-card:hover > a, .zad-showcase-preview-card:focus-within > a { border-color: var(--zad-accent); background: var(--zad-accent); color: var(--zad-on-dark); }

/* Curated tools */
.zad-tools-picks { width: 100%; max-width: none; background: var(--zad-ink); color: var(--zad-on-dark); }
.zad-tools-picks > * { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; }
.zad-tools-picks .zad-simple-heading p { color: oklch(72% 0.018 255); }
.zad-tool-rows { border-top: 1px solid oklch(38% 0.025 255); }
.zad-tool-row { display: grid; grid-template-columns: minmax(0, 1fr) 14rem 3rem; gap: 2rem; border-bottom: 1px solid oklch(34% 0.025 255); padding: 1.45rem 0; align-items: center; }
.zad-tool-row h3 { font-size: 1.18rem; font-weight: 700; }
.zad-tool-row p { max-width: 64ch; color: oklch(72% 0.018 255); font-size: .82rem; }
.zad-tool-row dl { border-color: oklch(38% 0.025 255); }
.zad-tool-row dt { color: oklch(66% 0.02 255); }
.zad-tool-row dd { color: var(--zad-on-dark); }
.zad-row-link { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid oklch(46% 0.025 255); color: var(--zad-on-dark); }
.zad-row-link:hover { border-color: var(--zad-accent); background: var(--zad-accent); }
.zad-tools-picks .zad-section-link { color: var(--zad-on-dark); }

/* MCP gallery index */
.zad-mcp-index { width: min(100% - 3rem, var(--zad-max)); margin: 0 auto; padding-block: clamp(4.5rem, 7vw, 7rem); }
.zad-mcp-index-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .6fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: end; margin-bottom: clamp(2.25rem, 4vw, 3.75rem); }
.zad-mcp-index-heading h2 { max-width: 17ch; margin: .8rem 0 0; font-size: clamp(2.1rem, 3.8vw, 3.65rem); font-weight: 700; letter-spacing: 0; line-height: 1.12; }
.zad-mcp-index-heading > p { max-width: 34rem; margin: 0; color: var(--zad-muted); line-height: 1.9; }
.zad-mcp-index-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--zad-line-strong); border-inline-start: 1px solid var(--zad-line-strong); }
.zad-mcp-index-list a { display: grid; min-height: 16rem; grid-template-columns: 1fr auto; align-content: space-between; border-inline-end: 1px solid var(--zad-line-strong); border-bottom: 1px solid var(--zad-line-strong); padding: 1.4rem; transition: background-color 160ms ease, color 160ms ease; }
.zad-mcp-index-list a:hover, .zad-mcp-index-list a:focus-visible { background: var(--zad-accent); color: var(--zad-on-dark); outline: 0; }
.zad-mcp-index-list span { color: var(--zad-accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7rem; font-weight: 800; }
.zad-mcp-index-list strong { grid-column: 1 / -1; align-self: end; font-size: 1.28rem; }
.zad-mcp-index-list p { grid-column: 1 / -1; margin: .7rem 0 0; color: var(--zad-muted); font-size: .82rem; line-height: 1.8; }
.zad-mcp-index-list b { grid-column: 2; grid-row: 1; color: var(--zad-accent-dark); font-family: ui-monospace, monospace; font-size: 1.2rem; font-weight: 400; }
.zad-mcp-index-list a:hover span, .zad-mcp-index-list a:hover p, .zad-mcp-index-list a:hover b, .zad-mcp-index-list a:focus-visible span, .zad-mcp-index-list a:focus-visible p, .zad-mcp-index-list a:focus-visible b { color: var(--zad-on-dark); }

/* Lab */
.zad-lab-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.25rem; }
.zad-lab-card { grid-column: span 6; border: 0; background: var(--zad-paper); }
.zad-lab-card:nth-child(1) { grid-column: span 7; }
.zad-lab-card:nth-child(2) { grid-column: span 5; }
.zad-lab-preview { aspect-ratio: 16 / 9; border: 0; background: var(--zad-accent-soft); }
.zad-lab-preview img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.22, 1, .36, 1); }
.zad-lab-card:hover .zad-lab-preview img { transform: scale(1.015); }
.zad-preview-word { display: grid; height: 100%; place-items: end start; padding: 1.5rem; color: var(--zad-accent-dark); font-size: clamp(1.5rem, 3vw, 2.5rem); }
.zad-lab-card-body { padding: 1.4rem 1.5rem 1.5rem; }
.zad-lab-domain { color: var(--zad-accent-dark); text-align: right; }
.zad-lab-card h3 { margin-top: .7rem; font-size: 1.45rem; }
.zad-lab-card-body > p:not(.zad-lab-domain) { min-height: 0; color: var(--zad-muted); }
.zad-lab-links { border-color: var(--zad-line); }

/* Storefront */
.zad-storefront { background: var(--zad-accent-soft); padding-block: clamp(5rem, 8vw, 8rem); }
.zad-storefront-inner { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; }
.zad-storefront header > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 1.4rem; }
.zad-product-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--zad-line-strong); border-inline-start: 1px solid var(--zad-line-strong); }
.zad-product-strip article { display: flex; min-height: 19rem; flex-direction: column; border-inline-end: 1px solid var(--zad-line-strong); border-bottom: 1px solid var(--zad-line-strong); background: var(--zad-paper); padding: 1.5rem; }
.zad-product-strip article > p { margin: 0; color: var(--zad-accent-dark); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7rem; }
.zad-product-strip h3 { max-width: 16ch; margin: auto 0 .8rem; font-size: 1.55rem; line-height: 1.35; }
.zad-product-strip article > div { color: var(--zad-muted); font-size: .84rem; line-height: 1.8; }
.zad-product-strip article > a { margin-top: 1.25rem; font-size: .75rem; font-weight: 700; }
.zad-product-strip article:hover h3 a, .zad-product-strip article:focus-within h3 a { color: var(--zad-accent-dark); }
.zad-storefront-links { display: flex; flex-wrap: wrap; gap: 1.5rem; border-bottom: 1px solid var(--zad-line-strong); padding-block: 1.2rem; font-size: .74rem; font-weight: 700; }
.zad-storefront-links a:hover { color: var(--zad-accent-dark); }

/* Method and closing */
.zad-method { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 7vw, 7rem); }
.zad-method .zad-simple-heading { align-self: start; margin: 0; }
.zad-method-list { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--zad-line-strong); }
.zad-method-list article { display: grid; grid-template-columns: 9rem 1fr; border-bottom: 1px solid var(--zad-line); padding: 1.25rem 0; gap: 1.5rem; }
.zad-method-list h3, .zad-method-list p { margin: 0; }
.zad-method-list p { color: var(--zad-muted); line-height: 1.85; }
.zad-method .zad-section-link { grid-column: 2; justify-self: start; }
.zad-closing { display: flex; width: 100%; max-width: none; align-items: center; justify-content: space-between; background: var(--zad-accent); padding: clamp(3rem, 6vw, 5rem) max(1.5rem, calc((100% - var(--zad-max)) / 2)); color: var(--zad-on-dark); }
.zad-closing h2 { max-width: 16ch; font-size: clamp(2.35rem, 4.5vw, 4rem); }
.zad-closing .zad-button { border-color: var(--zad-on-dark); background: transparent; color: var(--zad-on-dark); }
.zad-closing .zad-button:hover { background: var(--zad-on-dark); color: var(--zad-accent-dark); }

/* Newsletter */
.zad-newsletter { scroll-margin-top: 5rem; border: 0; background: var(--zad-ink); }
.zad-newsletter__inner { display: grid; width: min(100% - 3rem, var(--zad-max)); grid-template-columns: minmax(14rem, .55fr) minmax(0, 1.45fr); gap: clamp(2.5rem, 6vw, 6rem); padding-block: clamp(4.5rem, 7vw, 7rem); }
.zad-newsletter h2 { max-width: 10ch; font-size: clamp(2.25rem, 4vw, 3.6rem); line-height: 1.12; }
.zad-newsletter__copy > p:last-child { max-width: 34ch; }
.zad-newsletter__tiers { border: 1px solid oklch(39% 0.025 255); }
.zad-newsletter__tier { padding: clamp(1.5rem, 3vw, 2.25rem); }
.zad-newsletter__tier + .zad-newsletter__tier { border-color: oklch(39% 0.025 255); }
.zad-newsletter__tier--premium { background: oklch(25% 0.045 264); }
.zad-newsletter__fields { border-color: oklch(44% 0.025 255); background: oklch(23% 0.025 255); }
.zad-newsletter__fields label { background: transparent; }
.zad-newsletter__fields input { min-height: 2.7rem; background: transparent; color: var(--zad-on-dark); }
.zad-newsletter button { min-height: 3.1rem; border: 1px solid var(--zad-accent); background: var(--zad-accent); }
.zad-newsletter button:hover { border-color: var(--zad-on-dark); background: var(--zad-on-dark); color: var(--zad-ink); }

/* Tools directory */
.zad-tools-directory, .zad-knowledge-hub { background: var(--zad-canvas); }
.zad-tools-hero, .zad-knowledge-hero {
  display: grid;
  width: min(100% - 3rem, var(--zad-max));
  margin-inline: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: end;
  padding-block: clamp(3.5rem, 6vw, 5.5rem);
}
.zad-tools-hero { min-height: 0; grid-template-columns: minmax(0, 1.15fr) minmax(22rem, .85fr); align-items: stretch; gap: 0; }
.zad-tools-hero > div:first-child { grid-column: auto; display: flex; flex-direction: column; justify-content: end; padding: 3.5rem 0; }
.zad-tools-hero-copy { grid-column: auto; display: flex; flex-direction: column; justify-content: end; border: 0; background: var(--zad-ink); padding: 2.5rem; color: var(--zad-on-dark); }
.zad-tools-hero-copy > p { color: oklch(88% 0.014 255); }
.zad-tools-hero-copy .zad-tools-counts { border-color: oklch(55% 0.02 255); }
.zad-tools-hero-copy .zad-tools-counts dt { color: oklch(72% 0.018 255); }
.zad-tools-hero h1, .zad-knowledge-hero h1 { max-width: 14ch; margin: 1rem 0 0; font-size: clamp(2.7rem, 4.7vw, 4.55rem); font-weight: 700; line-height: 1.12; }
.zad-tools-hero-copy > p, .zad-knowledge-hero > p { margin: 0; padding: 0; color: var(--zad-muted); font-size: 1.05rem; line-height: 1.95; }
.zad-tools-counts { border-top: 1px solid var(--zad-line-strong); }
.zad-tools-counts div { padding-top: 1rem; }
.zad-tools-counts dd { color: var(--zad-accent-dark); font-size: 1.5rem; }
.zad-topic-index { border-block: 1px solid var(--zad-line); background: var(--zad-paper); scrollbar-width: thin; }
.zad-topic-index a { border-color: var(--zad-line); }
.zad-topic-index a:hover { background: var(--zad-accent); color: var(--zad-on-dark); }
.zad-directory-group { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; padding-block: clamp(4rem, 6vw, 5.5rem); }
.zad-directory-heading { display: grid; grid-template-columns: 1fr minmax(18rem, .65fr); gap: 3rem; margin-bottom: 3rem; }
.zad-directory-heading h2 { font-size: clamp(2.25rem, 4vw, 3.7rem); }
.zad-directory-heading p { color: var(--zad-muted); line-height: 1.9; }
.zad-project-index-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.zad-project-index-card { border: 0; background: var(--zad-paper); }
.zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr .9fr; }
.zad-project-index-media { min-height: 0; border: 0; background: var(--zad-accent-soft); }
.zad-project-index-media img { width: 100%; height: 100%; object-fit: cover; }
.zad-project-index-body { min-height: 15rem; padding: 1.5rem; }
.zad-project-index-card h3 { margin-top: 1.3rem; font-size: clamp(1.45rem, 2.3vw, 2.2rem); }
.zad-project-index-card p { color: var(--zad-muted); line-height: 1.8; }
.zad-project-index-grid-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; border-top: 1px solid var(--zad-line-strong); }
.zad-project-index-grid-compact .zad-project-index-card, .zad-project-index-grid-compact .zad-project-index-card:first-child, .zad-project-index-grid-compact .zad-project-index-card:last-child { grid-column: auto; display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); border-bottom: 1px solid var(--zad-line); background: transparent; }
.zad-project-index-grid-compact .zad-project-index-media { width: 8.5rem; min-height: 0; align-self: start; aspect-ratio: 1; margin-block: 1.25rem; overflow: hidden; }
.zad-project-index-grid-compact .zad-project-index-body { min-width: 0; min-height: 0; padding: 1.25rem 1.25rem 1.25rem 0; }
.zad-project-index-grid-compact .zad-project-index-card h3 { margin: .65rem 0 .45rem; font-size: 1.25rem; line-height: 1.35; }
.zad-project-index-grid-compact .zad-project-index-card p { display: -webkit-box; margin-block: .45rem .75rem; overflow: hidden; font-size: .9rem; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.zad-project-index-grid-compact .zad-project-topics { margin-top: .5rem; }
.zad-project-index-grid-compact .zad-project-metrics { margin-top: .75rem; }
.zad-project-index-grid-compact .zad-project-index-footer { margin-top: .75rem; }
.zad-directory-community { border-top: 1px solid var(--zad-line); }

/* Knowledge and listings */
.zad-knowledge-index { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; border: 0; background: var(--zad-ink); }
.zad-knowledge-index a { border-color: oklch(37% 0.025 255); color: var(--zad-on-dark); }
.zad-knowledge-index a:hover { background: var(--zad-accent); }
.zad-knowledge-index span { color: oklch(75% 0.06 264); }
.zad-knowledge-lane { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; padding-block: clamp(4rem, 7vw, 6rem); }
.zad-knowledge-lane > header { display: grid; grid-template-columns: 1fr minmax(17rem, .6fr); gap: 3rem; }
.zad-knowledge-lane h2 { font-size: clamp(2.2rem, 4vw, 3.8rem); }
.zad-knowledge-lane > header p { color: var(--zad-muted); line-height: 1.9; }
.zad-knowledge-lane-grid, .zad-listing-grid { gap: 1.25rem; }
.zad-card { border: 0; background: var(--zad-paper); padding: 1.5rem; }
.zad-card h2 { margin-top: 1.5rem; font-size: 1.4rem; line-height: 1.45; }
.zad-card-excerpt { color: var(--zad-muted); }

/* Reading surfaces */
.zad-page, .zad-article, .zad-project-page, .zad-listing, .zad-not-found, .zad-commerce { width: min(100% - 3rem, var(--zad-max)); margin-inline: auto; }
.zad-page-header, .zad-article-header, .zad-listing-header { padding-block: clamp(4rem, 7vw, 6.5rem); }
.zad-page-header h1, .zad-article-header h1, .zad-listing-header h1, .zad-project-heading h1, .zad-not-found h1 { max-width: 20ch; font-size: clamp(2.6rem, 4.7vw, 4.35rem); font-weight: 700; line-height: 1.15; }
.zad-page-layout { display: grid; grid-template-columns: minmax(13rem, .32fr) minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); padding-block: clamp(4rem, 7vw, 6.5rem); }
.zad-page-rail { align-self: start; border-top: 2px solid var(--zad-ink); padding-top: 1.2rem; }
.zad-page-rail > p:not(.zad-kicker) { color: var(--zad-muted); font-size: .82rem; line-height: 1.8; }
.zad-page-rail nav { display: grid; margin-top: 1.5rem; border-top: 1px solid var(--zad-line); }
.zad-page-rail nav a { border-bottom: 1px solid var(--zad-line); padding: .85rem 0; color: var(--zad-muted); font-size: .75rem; font-weight: 700; }
.zad-page-rail nav a:hover, .zad-page-rail nav a:focus-visible { color: var(--zad-accent-dark); }
.zad-page-main { min-width: 0; }
.zad-page-main .zad-page-header { border-top: 1px solid var(--zad-line-strong); padding-top: 1.2rem; }
.zad-page-main .zad-page-header p { max-width: 58ch; color: var(--zad-muted); line-height: 1.9; }
.zad-article-content { max-width: 70ch; margin-inline: auto; color: var(--zad-ink-soft); font-size: 1.06rem; line-height: 2; }
.zad-article-content h2 { margin-top: 2.4em; font-size: 1.75rem; color: var(--zad-ink); }
.zad-article-content h3 { margin-top: 2em; font-size: 1.3rem; color: var(--zad-ink); }
.zad-article-content a { color: var(--zad-accent-dark); text-decoration: underline; }
.zad-project-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(3rem, 7vw, 7rem); padding-block: clamp(4.5rem, 8vw, 7rem); }
.zad-project-deck, .zad-article-deck, .zad-listing-description { color: var(--zad-muted); line-height: 1.95; }
.zad-project-facts { background: var(--zad-paper); padding: 1.5rem; }
.zad-project-facts figure { margin: 1.5rem 0 0; }
.zad-single-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; border-bottom: 1px solid var(--zad-line); padding-top: 1.25rem; padding-bottom: 1rem; color: var(--zad-muted); font-size: .7rem; font-weight: 700; }
.zad-single-breadcrumbs a:hover { color: var(--zad-accent-dark); }
.zad-related-projects, .zad-more-reading { margin-top: clamp(4.5rem, 8vw, 7rem); border-top: 1px solid var(--zad-line-strong); padding-top: 2rem; }
.zad-related-projects > h2, .zad-more-reading > h2, .zad-more-reading > header h2 { margin: .8rem 0 2rem; font-size: clamp(2rem, 3vw, 3rem); }
.zad-related-projects .zad-listing-grid, .zad-more-reading .zad-listing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zad-related-projects .zad-card, .zad-more-reading .zad-card { min-height: 17rem; }
.zad-post-navigation { margin-top: clamp(3rem, 6vw, 5rem); border-block: 1px solid var(--zad-line-strong); }
.zad-post-navigation .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.zad-post-navigation .nav-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zad-post-navigation .nav-previous, .zad-post-navigation .nav-next { min-width: 0; }
.zad-post-navigation .nav-next { border-inline-start: 1px solid var(--zad-line); }
.zad-post-navigation a { display: flex; min-height: 8rem; flex-direction: column; justify-content: center; padding: 1.25rem; transition: background-color 160ms ease, color 160ms ease; }
.zad-post-navigation a span { color: var(--zad-muted); font-size: .67rem; }
.zad-post-navigation a strong { display: block; margin-top: .5rem; font-size: .95rem; line-height: 1.6; }
.zad-post-navigation a:hover { background: var(--zad-accent); color: var(--zad-on-dark); }
.zad-post-navigation a:hover span { color: var(--zad-on-dark); }
.zad-search-again { max-width: 42rem; margin-top: 2rem; }
.zad-search-again > label { display: block; margin-bottom: .55rem; color: var(--zad-muted); font-size: .7rem; font-weight: 700; }
.zad-search-again > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; border: 1px solid var(--zad-line-strong); background: var(--zad-paper); }
.zad-search-again input { min-width: 0; border: 0; background: transparent; padding: .9rem 1rem; color: var(--zad-ink); font: inherit; }
.zad-search-again button { min-width: 5rem; border: 0; background: var(--zad-accent); color: var(--zad-on-dark); font-weight: 700; }

/* WooCommerce */
.zad-commerce { padding-bottom: clamp(5rem, 8vw, 8rem); }
.zad-commerce-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .65fr); gap: clamp(3rem, 7vw, 7rem); align-items: end; border-bottom: 1px solid var(--zad-line-strong); padding-block: clamp(4rem, 7vw, 6.5rem); }
.zad-commerce-hero h1 { max-width: 15ch; margin: .8rem 0 0; font-size: clamp(2.7rem, 5vw, 4.7rem); line-height: 1.08; }
.zad-commerce-hero > div:last-child > p { max-width: 36rem; margin: 0; color: var(--zad-muted); line-height: 1.9; }
.zad-commerce-hero nav { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.5rem; font-size: .74rem; font-weight: 700; }
.zad-commerce-hero nav a { border-bottom: 1px solid var(--zad-line-strong); padding-bottom: .35rem; }
.zad-commerce-hero nav a:hover { color: var(--zad-accent-dark); }
.zad-commerce-body { padding-top: clamp(3rem, 6vw, 5rem); }
.zad-commerce .woocommerce-breadcrumb, .zad-commerce .woocommerce-result-count { color: var(--zad-muted); font-size: .72rem; }
.zad-commerce .woocommerce-ordering select { border: 1px solid var(--zad-line-strong); background: var(--zad-paper); padding: .75rem; color: var(--zad-ink); font: inherit; }
.zad-commerce .woocommerce-products-header__title { margin: 0 0 2rem; font-size: clamp(2rem, 3.5vw, 3.4rem); }
.zad-commerce .products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); clear: both; margin: 2rem 0 0 !important; padding: 0 !important; gap: 1px; background: var(--zad-line-strong); }
.zad-commerce .products::before, .zad-commerce .products::after { display: none !important; }
.zad-commerce .products .product { display: flex !important; width: auto !important; min-height: 28rem; float: none !important; flex-direction: column; margin: 0 !important; background: var(--zad-paper); padding: 1.25rem !important; }
.zad-commerce .products .product img { width: 100%; aspect-ratio: 4 / 3; margin: 0 0 1.25rem !important; object-fit: cover; }
.zad-commerce .products .woocommerce-loop-product__title { font-size: 1.25rem !important; line-height: 1.45; }
.zad-commerce .price { color: var(--zad-accent-dark) !important; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem !important; }
.zad-commerce .products .button, .zad-commerce .single_add_to_cart_button, .zad-commerce .wc-forward, .zad-commerce button.button, .zad-commerce input.button { min-height: 3rem; border-radius: 0 !important; background: var(--zad-accent) !important; padding: .8rem 1rem !important; color: var(--zad-on-dark) !important; font-size: .76rem !important; margin-top: auto !important; }
.zad-commerce div.product { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 5rem); }
.zad-commerce div.product div.images, .zad-commerce div.product div.summary { width: auto !important; float: none !important; }
.zad-commerce div.product .product_title { font-size: clamp(2.5rem, 4.6vw, 4.4rem); line-height: 1.1; }
.zad-commerce div.product .woocommerce-tabs, .zad-commerce div.product .related { grid-column: 1 / -1; }
.zad-commerce .woocommerce-tabs ul.tabs { padding: 0 !important; }
.zad-commerce .woocommerce-tabs ul.tabs li { border-radius: 0 !important; background: transparent !important; }
.zad-commerce .woocommerce-message, .zad-commerce .woocommerce-info, .zad-commerce .woocommerce-error { border-top-color: var(--zad-accent); background: var(--zad-paper); }

/* Footer */
.zad-footer { border: 0; background: var(--zad-ink); color: var(--zad-on-dark); }
.zad-footer-grid { width: min(100% - 3rem, var(--zad-max)); padding-block: 3.5rem; }
.zad-footer-brand { font-size: 2rem; }
.zad-footer-summary { max-width: 38ch; color: oklch(72% 0.018 255); }
.zad-footer-nav a { color: oklch(80% 0.014 255); }
.zad-footer-nav a:hover { color: var(--zad-on-dark); }
.zad-footer-meta { color: oklch(64% 0.018 255); }

@media (max-width: 1023px) {
  .zad-header-inner { width: min(100% - 2rem, var(--zad-max)); }
  .zad-brand-note { display: none; }
  .zad-menu a { padding-inline: .65rem; font-size: .71rem; }
  .zad-search { width: 8.5rem; }
  .zad-editorial-hero { width: min(100% - 2rem, var(--zad-max)); grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .7fr); }
  .zad-editorial-hero-copy { padding-inline: 2.5rem; }
  .zad-map-route { grid-column: span 6; }
  .zad-map-route-wide { grid-column: span 12; }
  .zad-map-route:nth-child(n + 4) { grid-column: span 4; }
  .zad-showcase-preview-card, .zad-showcase-preview-card:first-child { grid-column: span 4; }
  .zad-page-layout { grid-template-columns: minmax(11rem, .28fr) minmax(0, 1fr); gap: 3rem; }
  .zad-commerce .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zad-method { grid-template-columns: 1fr; }
  .zad-method .zad-section-link { grid-column: 1; }
  .zad-mcp-index-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zad-newsletter__inner { grid-template-columns: 1fr; }
  .zad-newsletter__copy { display: grid; grid-template-columns: .7fr 1.3fr; gap: 2rem; align-items: end; }
  .zad-newsletter__copy > p:last-child { margin: 0; }
}

@media (max-width: 767px) {
  body { font-size: 16px; }
  .zad-section, .zad-directory-group, .zad-knowledge-lane, .zad-page, .zad-article, .zad-project-page, .zad-listing, .zad-not-found, .zad-commerce { width: min(100% - 2rem, var(--zad-max)); }
  .zad-header-inner { width: min(100% - 1.25rem, var(--zad-max)); min-height: 4.25rem; align-items: center; }
  .zad-scroll-progress { top: 4.25rem; }
  .zad-menu-toggle { display: block; min-height: 2.75rem; padding-inline: 1rem; }
  .zad-primary-nav { position: absolute; top: 4.25rem; right: .625rem; left: .625rem; display: none; border: 1px solid oklch(38% 0.025 255); background: var(--zad-ink-soft); }
  .zad-primary-nav.is-open { display: block; }
  .zad-menu { display: block; }
  .zad-menu a { min-height: 3.2rem; border-bottom: 1px solid oklch(36% 0.025 255); padding-inline: 1rem; color: var(--zad-on-dark); }
  .zad-menu .sub-menu { position: static; display: block; width: auto; border: 0; background: oklch(23% 0.025 255); padding: 0; }
  .zad-menu .sub-menu a { padding-inline-start: 2rem; }
  .zad-search { width: 100%; min-height: 3.25rem; border: 0; }
  .zad-editorial-hero { width: 100%; min-height: 0; grid-template-columns: 1fr; }
  .zad-editorial-hero-copy { min-height: 35rem; padding: 4rem 1.25rem 3.5rem; }
  .zad-editorial-hero h1 { max-width: 17ch; font-size: clamp(2.45rem, 11vw, 3.15rem); }
  .zad-editorial-hero-copy > p:not(.zad-kicker) { font-size: .96rem; }
  .zad-front-index { padding-top: 2.5rem; }
  .zad-front-index::before { margin-bottom: 1.25rem; }
  .zad-front-index a { min-height: 4.85rem; }
  .zad-map-heading, .zad-showcase-preview-heading, .zad-storefront header { grid-template-columns: 1fr; gap: 1.4rem; }
  .zad-map-heading h2, .zad-showcase-preview-heading h2, .zad-storefront h2 { font-size: 2.55rem; }
  .zad-map-grid { display: block; border-inline-start: 1px solid var(--zad-line-strong); }
  .zad-map-route, .zad-map-route-wide, .zad-map-route:nth-child(n + 4) { min-height: 15rem; }
  .zad-map-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zad-map-secondary a, .zad-map-secondary a:first-child { border-inline-end: 0; padding-inline: 0; }
  .zad-simple-heading { display: block; }
  .zad-simple-heading h2 { max-width: 15ch; font-size: 2.25rem; }
  .zad-heading-links { margin-top: 1.25rem; }
  .zad-latest-layout { grid-template-columns: 1fr; gap: 3rem; }
  .zad-lead-story h3 { font-size: 2.15rem; }
  .zad-showcase-preview > *, .zad-storefront-inner { width: min(100% - 2rem, var(--zad-max)); }
  .zad-showcase-preview-grid { display: block; }
  .zad-showcase-preview-card { min-height: 17rem; }
  .zad-tool-row { grid-template-columns: minmax(0, 1fr) 2.7rem; gap: 1rem; }
  .zad-tool-row dl { display: none; }
  .zad-mcp-index { width: min(100% - 2rem, var(--zad-max)); }
  .zad-mcp-index-heading { display: block; }
  .zad-mcp-index-heading > p { margin-top: 1.25rem; }
  .zad-mcp-index-list { display: block; border-bottom: 0; }
  .zad-mcp-index-list a { min-height: 12rem; }
  .zad-lab-grid { grid-template-columns: 1fr; }
  .zad-lab-card, .zad-lab-card:nth-child(1), .zad-lab-card:nth-child(2) { grid-column: auto; }
  .zad-product-strip { grid-template-columns: 1fr; }
  .zad-product-strip article { min-height: 15rem; }
  .zad-method-list article { grid-template-columns: 1fr; gap: .45rem; }
  .zad-closing { display: block; padding-inline: 1rem; }
  .zad-closing h2 { font-size: 2.45rem; }
  .zad-closing .zad-button { margin-top: 1.5rem; }
  .zad-newsletter__inner { width: min(100% - 2rem, var(--zad-max)); }
  .zad-newsletter__copy { display: block; }
  .zad-newsletter__copy > p:last-child { margin-top: 1rem; }
  .zad-newsletter__tiers { grid-template-columns: 1fr; }
  .zad-newsletter__tier + .zad-newsletter__tier { border-inline-start: 0; border-top: 1px solid oklch(39% 0.025 255); }
  .zad-tools-hero, .zad-knowledge-hero { width: min(100% - 2rem, var(--zad-max)); grid-template-columns: 1fr; gap: 2rem; }
  .zad-tools-hero { display: grid; gap: 0; padding-block: 2.5rem; }
  .zad-tools-hero > div:first-child { padding: 2rem 0 2.5rem; }
  .zad-tools-hero-copy { border: 0; padding: 1.5rem; }
  .zad-tools-hero h1, .zad-knowledge-hero h1 { font-size: 2.8rem; }
  .zad-directory-heading, .zad-knowledge-lane > header { grid-template-columns: 1fr; gap: 1rem; }
  .zad-project-index-grid { grid-template-columns: 1fr; }
  .zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:first-child { grid-column: auto; display: block; }
  .zad-project-index-grid-compact .zad-project-index-card, .zad-project-index-grid-compact .zad-project-index-card:first-child, .zad-project-index-grid-compact .zad-project-index-card:last-child { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .zad-project-index-grid-compact .zad-project-index-media { width: 6.5rem; }
  .zad-project-index-grid-compact .zad-project-index-body { padding-inline-end: 0; }
  .zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:not(:first-child) { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); }
  .zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:not(:first-child) .zad-project-index-media { width: 6.5rem; min-height: 0; align-self: start; aspect-ratio: 1; margin-block: 1.25rem; }
  .zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:not(:first-child) .zad-project-index-body { min-height: 0; padding: 1.25rem 1.25rem 1.25rem 0; }
  .zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:not(:first-child) h3 { margin: .65rem 0 .45rem; font-size: 1.25rem; }
  .zad-project-index-grid:not(.zad-project-index-grid-compact) .zad-project-index-card:not(:first-child) p { display: -webkit-box; margin-block: .45rem .75rem; overflow: hidden; font-size: .9rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .zad-project-index-grid-compact .zad-project-index-card p, .zad-project-index-grid-compact .zad-project-topics, .zad-project-index-grid-compact .zad-project-metrics { display: none; }
  .zad-project-index-grid-compact .zad-project-index-footer { display: block; margin-top: .6rem; }
  .zad-project-index-grid-compact .zad-project-index-body { padding-block: 1rem; }
  .zad-knowledge-index { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zad-project-hero { grid-template-columns: 1fr; }
  .zad-page-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .zad-page-rail { position: static; }
  .zad-page-rail nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zad-page-rail nav a:nth-child(even) { border-inline-start: 1px solid var(--zad-line); padding-inline-start: .75rem; }
  .zad-related-projects .zad-listing-grid, .zad-more-reading .zad-listing-grid { grid-template-columns: 1fr; }
  .zad-post-navigation .nav-links { grid-template-columns: 1fr; }
  .zad-post-navigation .nav-next { border-top: 1px solid var(--zad-line); border-inline-start: 0; }
  .zad-commerce-hero { grid-template-columns: 1fr; gap: 1.5rem; }
  .zad-commerce .products { grid-template-columns: 1fr; }
  .zad-commerce .products .product { min-height: 0; }
  .zad-commerce div.product { grid-template-columns: 1fr; }
  .zad-commerce div.product .woocommerce-tabs, .zad-commerce div.product .related { grid-column: auto; }
  .zad-page-header h1, .zad-article-header h1, .zad-listing-header h1, .zad-project-heading h1, .zad-not-found h1 { font-size: clamp(2.4rem, 11vw, 3.15rem); }
  .zad-footer-grid { width: min(100% - 2rem, var(--zad-max)); }
  .zad-footer-end { align-items: start; }
  .zad-footer-nav { justify-content: start; }
  .zad-footer-meta { text-align: right; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}