:root{--st-idea:#35C81B;--st-amber:#E8A017;--st-gate:#3C3C3C;--st-blue:#175FE8;--st-deliver:#D62382;--amber:#E8A017;--amber-ink:#1A1200;--blue:#175FE8;--radius:0px;--card-border:1.5px;--rule:1.5px;--measure:68ch}
[data-scheme="light"]{--b-bg:#FBF9F2;--b-ink:#1A1812;--b-muted:#4E4A40;--b-line:#E8E2D2;--b-card:#FFFEFA;--b-card-ink:#1A1812;--b-card-line:#E8E2D2;--b-em:#C28100;--b-mono:#175FE8;--b-link:#175FE8;--b-head:#1A1812;color:var(--b-ink);background-color:var(--b-bg)}
[data-scheme="dark"]{--b-bg:#1A1812;--b-ink:#FBF9F2;--b-muted:#CEC6B2;--b-line:rgba(251,249,242,0.16);--b-card:#26231B;--b-card-ink:#FBF9F2;--b-card-line:rgba(251,249,242,0.2);--b-em:#E8A017;--b-mono:#9DBBF6;--b-link:#9DBBF6;--b-head:#FBF9F2;color:var(--b-ink);background-color:var(--b-bg)}
[data-band="header"]{--b-bg:#FBF9F2}
[data-band="hero"]{--b-bg:#FBF9F2}
[data-band="default"]{--b-bg:#FBF9F2}
[data-band="alt"]{--b-bg:#FFFEFA}
[data-band="showcase"]{--b-bg:#FBF9F2}
[data-band="cta"]{--b-bg:#FBF9F2}
[data-band="footer"]{--b-bg:#FBF9F2}
/* Sheet: the live innovate.engineer look (astra-child "StoryBrand + Process Flow skin", ien-v2),
   ported 2026-11-02. Values are the live stylesheet's; selectors are the shared components'.
   Only this site loads this file. It loads before base.css, so every rule carries the theme prefix
   to win, as PRD's dossier skin does.
   Typeface: Hanken Grotesk since 2026-11-05 (Dave; IEN S-BRAND "Replace Inter", design backlog B-09),
   replacing Inter, which the 2026-06-30 brand audit called the loudest AI-typographic tell. Hanken
   Grotesk is by Hanken Design Co., SIL OFL 1.1 (OFL.txt beside this file), self-hosted in public/fonts
   from @fontsource-variable/hanken-grotesk 5.3.0. The type rules that depend on it are the faces below,
   --ie-sans and --ie-display, and the "Type" block at the end. Annotations stay in JetBrains Mono. */

/* One variable file per subset (100 to 900) and its italic (Inter, the face before it, had none, so
   italics were synthesised). Hanken's x-height is lower than Inter's, so size-adjust 110% sets text at about Inter's
   apparent size and every px size in this skin keeps its meaning. Its heavy weights run wider than
   Inter's, so headings take the same files at 104% as 'Hanken Grotesk Display' (one download, two
   scales). The fallbacks are Arial scaled to each, so text keeps its place while the font loads. */
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 100 900; size-adjust: 110%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 100 900; size-adjust: 110%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Hanken Grotesk'; font-style: italic; font-weight: 100 900; size-adjust: 110%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-wght-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Hanken Grotesk'; font-style: italic; font-weight: 100 900; size-adjust: 110%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-ext-wght-italic.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Hanken Grotesk Fallback'; src: local('Arial'), local('ArialMT'); size-adjust: 111.03%; ascent-override: 99.07%; descent-override: 30.02%; line-gap-override: 0%; }
@font-face { font-family: 'Hanken Grotesk Display'; font-style: normal; font-weight: 100 900; size-adjust: 104%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Hanken Grotesk Display'; font-style: normal; font-weight: 100 900; size-adjust: 104%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Hanken Grotesk Display'; font-style: italic; font-weight: 100 900; size-adjust: 104%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-wght-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Hanken Grotesk Display'; font-style: italic; font-weight: 100 900; size-adjust: 104%; font-display: swap; src: url('/fonts/hanken-grotesk-latin-ext-wght-italic.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Hanken Grotesk Display Fallback'; src: local('Arial'), local('ArialMT'); size-adjust: 104.98%; ascent-override: 99.07%; descent-override: 30.02%; line-gap-override: 0%; }

[data-theme="sheet"]{
  --ie-paper: #FBF9F2;      /* dyslexia-friendly cream */
  --ie-card: #FFFEFA;       /* cards: near-white with a trace of warmth */
  --ie-band: #FEFDFA;       /* the wiki's side rails */
  --ie-ink: #1A1812;
  --ie-ink2: #4E4A40;
  --ie-muted: #6E695F;      /* live #78736a darkened to 4.9:1 on paper for small mono labels */
  --ie-blue2: #0B3FA8;
  --ie-blue-dim: rgba(23, 95, 232, 0.2);
  --ie-blue-face: #EDF1FF;
  --ie-amber-text: #966600; /* small amber text on paper, 4.75:1 (S-058 UX-27) */
  --ie-amber-lg: #C28100;   /* large amber headings and prices, 3.1:1 (S-058 UX-27 rev 2) */
  --ie-amber2: #C9891A;
  --ie-amber-dim: rgba(232, 160, 23, 0.2);
  --ie-amber-face: #FEF3D8;
  --ie-red: #B73C27;
  --ie-green: #2F7A3E;
  --ie-rule: #E8E2D2;
  --ie-rule2: #CEC6B2;
  --ie-sans: 'Hanken Grotesk', 'Hanken Grotesk Fallback', -apple-system, 'Segoe UI', sans-serif;
  --ie-display: 'Hanken Grotesk Display', 'Hanken Grotesk Display Fallback', -apple-system, 'Segoe UI', sans-serif;
  --ie-mono: 'JetBrains Mono', 'JetBrains Mono Fallback', ui-monospace, monospace;
}

/* ---------- Type ---------- */
[data-theme="sheet"] body{
  font-family: var(--ie-sans);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  background-color: var(--ie-paper);
}
[data-theme="sheet"] h1, [data-theme="sheet"] h2, [data-theme="sheet"] h3, [data-theme="sheet"] h4{ font-family: var(--ie-display); color: var(--ie-ink); }
[data-theme="sheet"] h1 em, [data-theme="sheet"] h2 em, [data-theme="sheet"] h3 em, [data-theme="sheet"] .lede em{ color: var(--ie-amber-lg); }
[data-theme="sheet"] a{ color: var(--blue); }
[data-theme="sheet"] .mono{ font-family: var(--ie-mono); }
[data-theme="sheet"] .eyebrow{ font-size: 11px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .wrap{ width: min(100% - 2 * clamp(22px, 3.2vw, 40px), 1200px); }
[data-theme="sheet"] :focus-visible{ outline: 2px solid var(--blue); outline-offset: 2px; }

/* ---------- Masthead ---------- */
[data-theme="sheet"] .site-h{ border-bottom: 0; }
[data-theme="sheet"] .site-h__in{ padding-block: 22px 18px; border-bottom: 1.5px solid var(--blue); }
[data-theme="sheet"] .brand{ gap: 14px; }
[data-theme="sheet"] .brand__mono{ width: 38px; height: 38px; display: grid; place-items: center; flex: none; border: 1.5px solid var(--blue); color: var(--blue); font-size: 13px; font-weight: 700; letter-spacing: 0; }
[data-theme="sheet"] .brand__wordmark--slash{ font-weight: 700; font-size: 17px; letter-spacing: -0.005em; white-space: nowrap; color: var(--ie-ink); }
[data-theme="sheet"] .brand__wordmark--slash em{ font-style: normal; color: var(--ie-amber-text); }
[data-theme="sheet"] .nav{ gap: 4px 26px; }
[data-theme="sheet"] .nav a{ font-size: 15px; font-weight: 600; color: var(--ie-ink); letter-spacing: 0.01em; padding: 4px 0; border-bottom: 2px solid transparent; }
[data-theme="sheet"] .nav a:hover{ color: var(--blue); border-bottom-color: transparent; }
[data-theme="sheet"] .nav a[aria-current="page"]{ color: var(--blue); font-weight: 700; border-bottom-color: var(--blue); }
@media (max-width: 979px) { [data-theme="sheet"].js .site-h[data-open] .nav a[aria-current="page"]{ border-bottom: 2px solid var(--blue); } }

/* ---------- Buttons ---------- */
[data-theme="sheet"] .btn{ font-family: var(--ie-sans); font-weight: 600; font-size: 15px; padding: 17px 30px; border-width: 1.5px; border-radius: 0; gap: 12px; }
[data-theme="sheet"] .btn--primary{ background: var(--blue); color: #FFFFFF; border-color: var(--blue); }
[data-theme="sheet"] .btn--primary:hover, [data-theme="sheet"] .btn--primary:focus-visible{ background: var(--ie-blue2); border-color: var(--ie-blue2); color: #FFFFFF; }
[data-theme="sheet"] .btn--amber{ background: var(--amber); color: #1A1200; border-color: var(--amber); }
[data-theme="sheet"] .btn--amber:hover, [data-theme="sheet"] .btn--amber:focus-visible{ background: var(--ie-amber2); border-color: var(--ie-amber2); color: #1A1200; }
[data-theme="sheet"] .btn--ghost{ background: var(--ie-blue-face); color: var(--blue); border-color: var(--ie-blue-dim); font-size: 14px; }
[data-theme="sheet"] .btn--ghost:hover{ border-color: var(--blue); }
[data-theme="sheet"] .btn--sm{ padding: 10px 18px; font-size: 13px; min-height: 0; }
[data-theme="sheet"] .site-h__end .btn--primary{ font-size: 13px; }

/* ---------- Hero ---------- */
[data-theme="sheet"] .hero{ padding-block: 70px 80px; }
[data-theme="sheet"] .hero__in{ border-bottom: 1px solid var(--ie-rule); padding-bottom: 80px; }
[data-theme="sheet"] .hero{ padding-bottom: 0; }
[data-theme="sheet"] .hero h1{ font-size: clamp(2.4rem, 5.2vw, 4.6rem); font-weight: 800; line-height: 1.03; letter-spacing: -0.03em; max-width: 20ch; margin-bottom: 24px; }
[data-theme="sheet"] .tpl--home .hero h1{ font-size: clamp(2.2rem, 3.9vw, 3.25rem); line-height: 1.08; max-width: 26ch; }
[data-theme="sheet"] .hero .lede{ font-size: 19px; line-height: 1.5; color: var(--ie-ink2); max-width: 60ch; margin: 0 0 32px; }
[data-theme="sheet"] .hero .lede b, [data-theme="sheet"] .hero .lede strong{ color: var(--ie-ink); }
[data-theme="sheet"] .hero .btns{ margin-top: 0; gap: 22px; }
[data-theme="sheet"] .hero__note{ margin: 22px 0 0; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-ink2); }
[data-theme="sheet"] .hero__note b{ color: var(--ie-amber-text); font-weight: 500; }
[data-theme="sheet"] .hero__media img{ border: 1px solid var(--ie-rule); border-radius: 8px; }

/* ---------- Sections ---------- */
[data-theme="sheet"] .sec{ padding-block: 0 28px; }
[data-theme="sheet"] .sec + .sec[data-band="default"] + .sec[data-band="default"]{ padding-top: 0; }
[data-theme="sheet"] .sec__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; padding: 50px 0 12px; margin-bottom: 30px; border-bottom: 1.5px solid var(--blue); }
[data-theme="sheet"] .sec__head h2{ flex: 1 1 24ch; font-size: clamp(1.55rem, 1.2rem + 1vw, 1.875rem); font-weight: 700; letter-spacing: -0.015em; line-height: 1.18; }
[data-theme="sheet"] .sec__num{ font-size: 11px; letter-spacing: 0.14em; color: var(--blue); text-transform: uppercase; }
[data-theme="sheet"] .sec__num::before{ content: '– '; }
[data-theme="sheet"] .sec__label{ font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ie-muted); text-align: right; }
[data-theme="sheet"] .sec__lede{ font-size: 18px; color: var(--ie-ink); max-width: 60ch; }
[data-theme="sheet"] .sec--alt{ background: transparent; }
[data-theme="sheet"] .prose, [data-theme="sheet"] .sec__body > p, [data-theme="sheet"] .sec__body > ul:not([class]){ max-width: 68ch; }
/* A reference page's Markdown headings in the reading column (/methodology/, IEN F9-4): the legal pages' rhythm. */
[data-theme="sheet"] .prose--ref h2{ font-size: 1.35rem; margin: 1.6em 0 0.6em; }
[data-theme="sheet"] .prose--ref h3{ font-size: 1.05rem; margin: 1.3em 0 0.4em; }
[data-theme="sheet"] .stage-ref{ margin-bottom: 1em; }

/* ---------- Framed box with a tag on its top edge (IEN's organisms) ---------- */
[data-theme="sheet"] .frame{ position: relative; background: var(--ie-card); border: 1.5px solid var(--blue); padding: 30px 32px; }
[data-theme="sheet"] .frame--amber{ border-color: var(--amber); }
[data-theme="sheet"] .frame--rule{ border-color: var(--ie-rule); }
[data-theme="sheet"] .frame__tag{ position: absolute; top: -9px; left: 22px; margin: 0; padding: 0 12px; background: var(--ie-paper); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); line-height: 1.6; }
[data-theme="sheet"] .frame--amber .frame__tag{ color: var(--ie-amber-text); }

/* ---------- Callout (shared) ---------- */
[data-theme="sheet"] .callout{ background: var(--ie-blue-face); border: 1px solid var(--ie-blue-dim); border-left: 4px solid var(--blue); border-radius: 0; padding: 18px 22px; margin: 20px 0; max-width: none; }
[data-theme="sheet"] .callout__label{ font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); margin: 0 0 6px; }
[data-theme="sheet"] .callout__label::before{ content: '— '; }
[data-theme="sheet"] .callout__body{ color: var(--ie-ink); }
[data-theme="sheet"] .callout__body p{ font-size: 14.5px; }
[data-theme="sheet"] .callout--amber{ background: var(--ie-amber-face); border-color: var(--ie-amber-dim); border-left-color: var(--amber); }
[data-theme="sheet"] .callout--amber .callout__label{ color: var(--ie-amber-text); }

/* ---------- FAQ (shared Q, collapsible) ---------- */
[data-theme="sheet"] .qa{ max-width: none; }
[data-theme="sheet"] .qa__row--d{ border-top: 1px solid var(--ie-rule); }
[data-theme="sheet"] .qa__row--d:last-child{ border-bottom: 1px solid var(--ie-rule); }
[data-theme="sheet"] .qa__sum{ font-weight: 600; }

/* ---------- Closing call to action (shared Cta) ---------- */
[data-theme="sheet"] .cta{ position: relative; max-width: none; background: var(--ie-card); border: 1.5px solid var(--amber); padding: 44px 48px; margin-top: 40px; }
[data-theme="sheet"] .cta__notch{ position: absolute; top: -9px; left: 28px; margin: 0; padding: 0 12px; background: var(--ie-paper); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-amber-text); line-height: 1.6; }
[data-theme="sheet"] .cta h2{ margin-top: 0; font-size: clamp(2rem, 3.2vw, 2.6rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.12; max-width: 26ch; }
[data-theme="sheet"] .cta__dek{ font-size: 16.5px; color: var(--ie-ink2); max-width: 62ch; }
@media (max-width: 599px) { [data-theme="sheet"] .cta{ padding: 32px 22px; } }

/* ---------- Footer ---------- */
[data-theme="sheet"] .site-f{ border-top: 0; padding-block: 0 40px; margin-top: 60px; font-size: 13.5px; }
[data-theme="sheet"] .site-f > .wrap{ border-top: 1.5px solid var(--blue); padding-top: 40px; }
@media (min-width: 1100px) { [data-theme="sheet"] .site-f__grid{ grid-template-columns: 2fr repeat(4, minmax(0, 1fr)); } }
[data-theme="sheet"] .site-f__mark{ display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
[data-theme="sheet"] .site-f__meta{ font-family: var(--ie-sans); font-size: 13.5px; line-height: 1.55; letter-spacing: 0; text-transform: none; color: var(--ie-ink2); max-width: 40ch; }
[data-theme="sheet"] .site-f__h{ font-size: 10.5px; letter-spacing: 0.12em; color: var(--blue); margin: 14px 0; }
[data-theme="sheet"] .site-f ul{ gap: 0; }
[data-theme="sheet"] .site-f li{ padding: 4px 0; color: var(--ie-ink2); }
[data-theme="sheet"] .site-f a{ color: var(--ie-ink2); }
[data-theme="sheet"] .site-f a:hover{ color: var(--blue); text-decoration: none; }
[data-theme="sheet"] .site-f__stages{ margin-top: 30px; }
[data-theme="sheet"] .site-f__stages .site-f__h{ margin: 0 0 8px; }
[data-theme="sheet"] .site-f__stages ul{ display: flex; flex-wrap: wrap; gap: 4px 18px; }
[data-theme="sheet"] .site-f__legal{ font-family: var(--ie-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ie-muted); border-top-color: var(--ie-rule); }
[data-theme="sheet"] .site-f__legal b{ color: var(--ie-ink); }

/* ================= The wiki (WikiFrame and its blocks) ================= */
[data-theme="sheet"] .wiki{ --wiki-rail-l: clamp(220px, 17vw, 280px); --wiki-rail-r: clamp(180px, 14vw, 240px); }

/* The sheet header: the path, where you are, the activity code */
[data-theme="sheet"] .wiki-sheet{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; padding: 50px 0 12px; border-bottom: 1.5px solid var(--blue); }
[data-theme="sheet"] .wiki-sheet__path{ font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .wiki-sheet__path a{ color: inherit; text-decoration: none; }
[data-theme="sheet"] .wiki-sheet__path a:hover{ text-decoration: underline; }
[data-theme="sheet"] .wiki-sheet__here{ margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ie-ink); }
[data-theme="sheet"] .wiki-sheet__rule{ font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ie-muted); }

/* Three columns from 1100px: index rail, article, "On this page". The article comes first in the
   source (and on phones); the rails follow it, as on live (ien-layout-fixes FIX 1+2). */
[data-theme="sheet"] .wiki-grid{ display: flex; flex-direction: column; width: min(100% - 2 * clamp(22px, 3.2vw, 40px), 760px); margin: 0 auto; padding: 40px 0 0; }
[data-theme="sheet"] .wiki-toc, [data-theme="sheet"] .wiki-rail{ margin-top: 34px; padding-top: 22px; border-top: 1px solid rgba(23, 95, 232, 0.18); }
@media (min-width: 1100px) {
  [data-theme="sheet"] .wiki-grid{
    display: grid; width: 100%; max-width: none; gap: 0 clamp(24px, 2.2vw, 40px);
    grid-template-columns: var(--wiki-rail-l) minmax(0, 1fr) var(--wiki-rail-r);
    grid-template-areas: "rail body toc"; padding-top: 0;
  }
  [data-theme="sheet"] .wiki-body{ grid-area: body; padding: 40px clamp(20px, 2.5vw, 48px) 0; max-width: 1000px; }
  [data-theme="sheet"] .wiki-rail{ grid-area: rail; }
  [data-theme="sheet"] .wiki-toc{ grid-area: toc; }
  [data-theme="sheet"] .wiki-rail, [data-theme="sheet"] .wiki-toc{
    margin: 0; border: 0; background: var(--ie-band); align-self: start;
    position: sticky; top: 0; max-height: 100vh; overflow-y: auto; padding: 32px 18px;
  }
  [data-theme="sheet"] .wiki-rail{ padding-left: clamp(18px, 2vw, 32px); }
}
@media (min-width: 1600px) {
  [data-theme="sheet"] .wiki-grid{ grid-template-columns: 1fr 240px minmax(0, 1000px) 220px 1fr; grid-template-areas: ". rail body toc ."; }
}

[data-theme="sheet"] .wiki-kicker{ font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue); margin: 0 0 10px; }
[data-theme="sheet"] .wiki-toc .wiki-kicker{ color: var(--ie-muted); margin-bottom: 12px; }

/* Index rail */
[data-theme="sheet"] .wiki-tree{ border-top: 1.5px solid var(--blue); margin-bottom: 18px; }
[data-theme="sheet"] .wiki-sect{ border-bottom: 1px solid var(--ie-rule); position: relative; }
[data-theme="sheet"] .wiki-sect.is-open{ background: var(--ie-blue-face); }
[data-theme="sheet"] .wiki-sect__hd{ display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 10px 10px 12px; position: relative; }
[data-theme="sheet"] .wiki-sect__hd:hover{ background: rgba(23, 95, 232, 0.06); }
[data-theme="sheet"] .wiki-sect__sn{ display: block; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ie-muted); margin-bottom: 2px; }
[data-theme="sheet"] .wiki-sect__nm{ font-size: 13px; font-weight: 600; color: var(--ie-ink); text-decoration: none; letter-spacing: -0.005em; }
[data-theme="sheet"] .wiki-sect__nm::after{ content: ''; position: absolute; inset: 0; }
[data-theme="sheet"] .wiki-sect.is-open .wiki-sect__nm{ color: var(--blue); }
[data-theme="sheet"] .wiki-sect__count{ font-size: 10px; color: var(--ie-muted); padding: 2px 6px; border: 1px solid var(--ie-rule); white-space: nowrap; }
[data-theme="sheet"] .wiki-sect.is-open .wiki-sect__count{ border-color: var(--ie-blue-dim); color: var(--blue); }
[data-theme="sheet"] .wiki-sect__body{ list-style: none; padding: 2px 12px 12px; margin: 0; }
[data-theme="sheet"] .wiki-sect__body li{ font-size: 12px; line-height: 1.35; padding: 5px 0 5px 10px; position: relative; color: var(--ie-ink2); }
[data-theme="sheet"] .wiki-sect__body li::before{ content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 1px; background: var(--ie-blue-dim); }
[data-theme="sheet"] .wiki-sect__body a{ color: var(--ie-ink2); }
[data-theme="sheet"] .wiki-sect__body a[aria-current="page"]{ color: var(--blue); font-weight: 700; }
[data-theme="sheet"] .wiki-sect__body li:has(> a[aria-current="page"])::before{ background: var(--amber); width: 7px; height: 2px; }
[data-theme="sheet"] .wiki-sect__body .wiki-sect__grp{ padding-left: 0; margin: 14px 0 4px; font-family: var(--ie-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .wiki-sect__body .wiki-sect__grp::before{ display: none; }
[data-theme="sheet"] .wiki-sect__grp a{ color: inherit; text-decoration: none; }
[data-theme="sheet"] .wiki-sect__body .wiki-sect__sub{ padding-left: 20px; }
[data-theme="sheet"] .wiki-sect__body .wiki-sect__sub::before{ left: 10px; width: 4px; }

/* On this page */
[data-theme="sheet"] .wiki-toc nav{ border-left: 1px solid var(--ie-rule); }
[data-theme="sheet"] .wiki-toc ul{ list-style: none; margin: 0; padding: 0; }
[data-theme="sheet"] .wiki-toc a{ display: block; margin-left: -1px; padding: 5px 0 5px 14px; border-left: 1px solid transparent; color: var(--ie-ink2); text-decoration: none; font-family: var(--ie-mono); font-size: 11.5px; line-height: 1.5; }
[data-theme="sheet"] .wiki-toc a.sub{ padding: 3px 0 3px 28px; font-size: 10.5px; color: var(--ie-muted); }
[data-theme="sheet"] .wiki-toc a:hover{ color: var(--ie-ink); }
[data-theme="sheet"] .wiki-toc a[data-active]{ color: var(--blue); border-left-color: var(--blue); font-weight: 700; }
@media (max-width: 1099px) { [data-theme="sheet"] .wiki-toc{ display: none; } }

/* The article */
[data-theme="sheet"] .wiki-body{ min-width: 0; counter-reset: wiki-section; }
[data-theme="sheet"] .wiki-body h1{ font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; margin: 0 0 20px; }
[data-theme="sheet"] .wiki-body .lede{ font-size: 19px; line-height: 1.55; color: var(--ie-ink2); margin: 0 0 30px; max-width: 720px; }
[data-theme="sheet"] .wiki-body > h2{
  counter-increment: wiki-section; display: flex; align-items: baseline; gap: 16px;
  font-size: 24px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25;
  margin: 72px 0 14px; padding-top: 36px; border-top: 1px solid var(--ie-rule);
}
[data-theme="sheet"] .wiki-body > h2::before{ content: '— ' counter(wiki-section, decimal-leading-zero); flex-shrink: 0; position: relative; top: -0.4em; font-family: var(--ie-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; color: var(--ie-muted); }
[data-theme="sheet"] .wiki-body > h2:first-of-type{ margin-top: 56px; padding-top: 0; border-top: 0; }
[data-theme="sheet"] .wiki-body > h3{ font-size: 18px; line-height: 1.35; font-weight: 700; margin: 24px 0 10px; }
[data-theme="sheet"] .wiki-body > h4{ font-size: 16px; margin: 20px 0 8px; }
[data-theme="sheet"] .wiki-body > p, [data-theme="sheet"] .wiki-body > ul, [data-theme="sheet"] .wiki-body > ol{ max-width: 720px; }
[data-theme="sheet"] .wiki-body > p, [data-theme="sheet"] .notebook__page p, [data-theme="sheet"] .contrast__side p{ font-size: 16px; line-height: 1.65; margin: 0 0 14px; }
[data-theme="sheet"] .notebook__page p{ line-height: 28px; }
[data-theme="sheet"] .wiki-body > ul{ list-style: none; margin: 10px 0 20px; padding: 0; }
[data-theme="sheet"] .wiki-body > ul li{ font-size: 15.5px; line-height: 1.6; padding: 4px 0 4px 22px; position: relative; }
[data-theme="sheet"] .wiki-body > ul li::before{ content: '—'; position: absolute; left: 0; color: var(--blue); font-weight: 600; }
[data-theme="sheet"] .wiki-body > ol{ padding-left: 1.4em; margin: 10px 0 20px; }
[data-theme="sheet"] .wiki-body > ol li{ padding: 3px 0; }
[data-theme="sheet"] .wiki-body a{ text-underline-offset: 0.2em; }
[data-theme="sheet"] .wiki-body > table, [data-theme="sheet"] .worked table{ width: 100%; border-collapse: collapse; }
[data-theme="sheet"] .wiki-body > table{ margin: 24px 0; font-size: 15px; }
[data-theme="sheet"] .wiki-body > table th{ text-align: left; padding: 10px 8px 10px 0; border-bottom: 2px solid var(--ie-ink); }
[data-theme="sheet"] .wiki-body > table td{ padding: 12px 8px 12px 0; border-bottom: 1px solid var(--ie-rule); }
[data-theme="sheet"] .wiki-body > table .is-num, [data-theme="sheet"] .wiki-body > table .is-strong{ text-align: center; }
[data-theme="sheet"] .wiki-body > table .is-strong{ font-weight: 700; }
@media (max-width: 899px) { [data-theme="sheet"] .wiki-body table{ display: block; overflow-x: auto; } }
[data-theme="sheet"] .wiki-next{ margin: 48px 0 0; padding-top: 20px; border-top: 1px solid var(--ie-rule); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-ink2); }
[data-theme="sheet"] .wiki-next a{ color: var(--blue); font-weight: 700; }

/* Also called / In context */
[data-theme="sheet"] .aka{ background: var(--ie-card); border: 1px solid #C2A878; padding: 14px 20px; margin: 10px 0 32px; }
[data-theme="sheet"] .aka__text{ margin: 0; font-size: 12px; font-weight: 500; line-height: 1.5; color: var(--ie-ink2); }
[data-theme="sheet"] .aka__label{ font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .wiki-body .callout p{ font-size: 14.5px; }

/* The stage flags */
[data-theme="sheet"] .flag-track{ display: block; width: 100%; height: auto; margin: 32px 0; font-family: Arial, Helvetica, sans-serif; }
[data-theme="sheet"] .flag-track__here{ fill: var(--ie-ink2); font-family: var(--ie-mono); }

/* Worked example */
[data-theme="sheet"] .worked{ margin: 32px 0; border: 2px solid var(--amber); overflow: hidden; }
[data-theme="sheet"] .worked__title{ display: flex; align-items: center; gap: 16px; padding: 18px 22px 14px; margin: 0; }
[data-theme="sheet"] .worked__title::before, [data-theme="sheet"] .worked__title::after{ content: ''; flex: 1; height: 1px; background: var(--amber); opacity: 0.4; }
[data-theme="sheet"] .worked__title span{ font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #8A5A0C; white-space: nowrap; }
[data-theme="sheet"] .worked td, [data-theme="sheet"] .worked th{ padding: 16px 22px; border-top: 1px solid var(--ie-rule); vertical-align: top; font-size: 16px; line-height: 1.55; text-align: left; }
[data-theme="sheet"] .worked td:first-child, [data-theme="sheet"] .worked th:first-child{ width: 32%; padding-inline: 20px; background: var(--ie-amber-face); border-right: 1px solid var(--ie-rule); font-family: var(--ie-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #8A5A0C; line-height: 1.4; }
[data-theme="sheet"] .worked th{ font-family: var(--ie-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #8A5A0C; }
@media (max-width: 599px) { [data-theme="sheet"] .worked__title span{ white-space: normal; } [data-theme="sheet"] .worked td, [data-theme="sheet"] .worked th{ padding: 12px 14px; } }

/* Fails / works */
[data-theme="sheet"] .contrast{ display: grid; gap: 20px; margin: 32px 0; align-items: start; }
@media (min-width: 700px) { [data-theme="sheet"] .contrast{ grid-template-columns: 1fr 1fr; } }
[data-theme="sheet"] .contrast__side{ padding: 16px 20px; border-top: 3px solid; }
[data-theme="sheet"] .contrast__side--bad{ border-color: #C44A3A; background: rgba(196, 74, 58, 0.06); }
[data-theme="sheet"] .contrast__side--good{ border-color: #45A049; background: rgba(69, 160, 73, 0.07); }
[data-theme="sheet"] .contrast__title{ margin: 0 0 12px; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
[data-theme="sheet"] .contrast__side--bad .contrast__title{ color: #A63A2C; }
[data-theme="sheet"] .contrast__side--good .contrast__title{ color: #2F7A3E; }
[data-theme="sheet"] .contrast__side ul{ margin: 0; padding-left: 18px; line-height: 1.7; }
[data-theme="sheet"] .contrast__side p{ margin: 0 0 8px; }

/* Checklist */
[data-theme="sheet"] .checklist{ border-left: 4px solid var(--blue); background: var(--ie-card); padding: 20px 24px; margin: 20px 0 0; }
[data-theme="sheet"] .checklist__title{ margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .checklist__item{ display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-top: 1px solid var(--ie-rule); cursor: pointer; }
[data-theme="sheet"] .checklist__item input{ margin-top: 3px; width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--blue); cursor: pointer; }

/* From the notebook */
[data-theme="sheet"] .notebook{ position: relative; margin: 24px 0 40px; background: var(--ie-amber-face); border: 1px solid var(--amber); border-left: 4px solid var(--amber); box-shadow: 0 6px 20px rgba(45, 30, 10, 0.08), 0 1px 0 rgba(45, 30, 10, 0.04); }
[data-theme="sheet"] .notebook::before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 32px; pointer-events: none; z-index: 1; background: radial-gradient(circle 6px at 16px 28px, #F4ECD2 0, #F4ECD2 5px, rgba(50, 30, 10, 0.32) 6px, rgba(50, 30, 10, 0.12) 7px, transparent 9px) 0 0 / 32px 64px repeat-y, linear-gradient(to right, rgba(140, 90, 20, 0.1), transparent); }
[data-theme="sheet"] .notebook__summary{ display: grid; gap: 8px; padding: 24px 32px 24px 52px; cursor: pointer; list-style: none; }
[data-theme="sheet"] .notebook__summary::-webkit-details-marker{ display: none; }
[data-theme="sheet"] .notebook__summary:hover{ background: rgba(194, 168, 120, 0.08); }
[data-theme="sheet"] .notebook__kicker{ font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ie-amber-text); }
[data-theme="sheet"] .notebook__chev{ display: inline-block; transition: transform 200ms ease; }
[data-theme="sheet"] .notebook[open] .notebook__chev{ transform: rotate(90deg); }
[data-theme="sheet"] .notebook__title{ color: var(--ie-ink2); font-size: 15px; line-height: 1.5; }
[data-theme="sheet"] .notebook__meta{ font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .notebook__page{ margin-left: 32px; padding: 24px 32px 36px 24px; border-left: 4px solid #C44A3A; background-color: #FBF3DC; background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 27px, rgba(194, 168, 120, 0.4) 27px, rgba(194, 168, 120, 0.4) 28px); }
[data-theme="sheet"] .notebook__page p, [data-theme="sheet"] .notebook__page li{ font-style: italic; line-height: 28px; }
[data-theme="sheet"] .notebook__page h3{ font-style: italic; line-height: 28px; margin: 28px 0 0; font-size: 17px; }
[data-theme="sheet"] .notebook__sign{ font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-muted); font-style: normal !important; }
@media (max-width: 599px) { [data-theme="sheet"] .notebook__summary{ padding: 20px 18px 20px 46px; } [data-theme="sheet"] .notebook__page{ padding: 20px 18px 28px; } }
@media (prefers-reduced-motion: reduce) { [data-theme="sheet"] .notebook__chev{ transition: none; } }

/* The point */
[data-theme="sheet"] .point{ margin: 56px 0; padding: 32px 0; border-block: 1px solid var(--ie-rule); text-align: center; }
[data-theme="sheet"] .point__label{ margin: 0 0 18px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .wiki-body .point__text, [data-theme="sheet"] .point__text{ margin: 0 auto; max-width: 640px; font-size: 24px; line-height: 1.35; font-weight: 700; color: var(--ie-ink); }
[data-theme="sheet"] .point__text em{ font-style: italic; color: var(--ie-amber-lg); }

/* Rows (Q1, L1 ...) and ruled paragraphs */
[data-theme="sheet"] .rows{ margin: 40px 0; }
[data-theme="sheet"] .rows__row{ display: flex; gap: 32px; padding: 24px 0; border-top: 1px solid var(--ie-rule); }
[data-theme="sheet"] .rows__row:last-child{ border-bottom: 1px solid var(--ie-rule); }
[data-theme="sheet"] .rows__n{ flex-shrink: 0; width: 64px; margin: 0; font-size: 28px; font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; color: var(--ie-amber-lg); }
[data-theme="sheet"] .wiki-body .rows__text, [data-theme="sheet"] .rows__text{ margin: 0; }
@media (max-width: 599px) { [data-theme="sheet"] .rows__row{ gap: 16px; } [data-theme="sheet"] .rows__n{ width: 44px; font-size: 22px; } }
[data-theme="sheet"] .ruled{ margin: 28px 0; }
[data-theme="sheet"] .wiki-body .ruled p, [data-theme="sheet"] .ruled p{ margin: 0 0 16px; padding-left: 18px; border-left: 3px solid var(--amber); }

/* Before / after */
[data-theme="sheet"] .before-after{ display: grid; gap: 20px; margin: 20px 0; font-style: normal; }
@media (min-width: 700px) { [data-theme="sheet"] .before-after{ grid-template-columns: 1fr auto 1fr; } }
[data-theme="sheet"] .before-after__panel{ background: var(--ie-card); border: 1.5px solid; padding: 24px 26px; }
[data-theme="sheet"] .before-after__panel--was{ border-color: var(--ie-red); }
[data-theme="sheet"] .before-after__panel--now{ border-color: var(--ie-green); }
[data-theme="sheet"] .before-after__lbl{ margin: 0 0 14px; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; }
[data-theme="sheet"] .before-after__panel--was .before-after__lbl{ color: var(--ie-red); }
[data-theme="sheet"] .before-after__panel--now .before-after__lbl{ color: var(--ie-green); }
[data-theme="sheet"] .before-after ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
[data-theme="sheet"] .before-after li{ position: relative; padding-left: 22px; font-size: 14.5px; line-height: 1.5; font-style: normal; }
[data-theme="sheet"] .before-after__panel--was li::before{ content: '×'; position: absolute; left: 0; top: -2px; color: var(--ie-red); font-weight: 700; font-size: 18px; }
[data-theme="sheet"] .before-after__panel--now li::before{ content: '✓'; position: absolute; left: 0; color: var(--ie-green); font-weight: 700; font-size: 14px; }
[data-theme="sheet"] .before-after__arrow{ align-self: center; justify-self: center; color: var(--amber); font-size: 40px; font-weight: 300; }
@media (max-width: 699px) { [data-theme="sheet"] .before-after__arrow{ display: none; } }

/* Hub cards */
[data-theme="sheet"] .wiki-group{ margin: 18px 0 8px; font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .wiki-cards{ display: grid; gap: 12px; margin: 16px 0 32px; }
[data-theme="sheet"] .wiki-card{ display: block; padding: 16px 20px; background: var(--ie-card); border: 1px solid var(--ie-rule); border-left: 3px solid var(--amber); text-decoration: none; }
[data-theme="sheet"] .wiki-card:hover{ border-color: var(--blue); border-left-color: var(--amber); }
[data-theme="sheet"] .wiki-card__title{ display: block; margin-bottom: 4px; font-weight: 700; font-size: 17px; color: var(--ie-ink); }
[data-theme="sheet"] .wiki-card__text{ display: block; color: var(--ie-ink2); font-size: 15px; line-height: 1.5; }

/* Notebook lead line (the wiki landing's running example) */
[data-theme="sheet"] .notebook__lead{ color: var(--ie-ink2); font-size: 15px; line-height: 1.5; }
[data-theme="sheet"] .notebook__summary .notebook__title:has(+ .notebook__lead){ font-size: 22px; font-weight: 800; color: var(--ie-ink); }

/* The wiki landing: ten stage cards and the article promise */
[data-theme="sheet"] .stage-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; margin: 28px 0; }
[data-theme="sheet"] .stage-grid__card{ display: block; padding: 18px 20px; background: var(--ie-paper); border: 1px solid var(--ie-rule); border-top: 3px solid var(--st); text-decoration: none; }
[data-theme="sheet"] .stage-grid__card:hover{ border-color: var(--blue); border-top-color: var(--st); }
[data-theme="sheet"] .stage-grid__meta{ display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .stage-grid__name{ display: block; margin: 6px 0 4px; font-size: 19px; font-weight: 800; color: var(--ie-ink); }
[data-theme="sheet"] .stage-grid__text{ display: block; font-size: 14.5px; line-height: 1.5; color: var(--ie-ink2); }
[data-theme="sheet"] .promise{ border: 2px solid var(--amber); padding: 8px 26px 16px; margin: 28px 0; }
[data-theme="sheet"] .promise__title{ display: flex; align-items: center; gap: 16px; margin: 0; padding: 14px 0 4px; }
[data-theme="sheet"] .promise__title::before, [data-theme="sheet"] .promise__title::after{ content: ''; flex: 1; height: 1px; background: var(--amber); opacity: 0.4; }
[data-theme="sheet"] .promise__title span{ font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #8A5A0C; }
[data-theme="sheet"] .promise__list{ list-style: none; margin: 0; padding: 0; }
[data-theme="sheet"] .promise__list li{ position: relative; padding: 12px 0 12px 28px; border-top: 1px solid var(--ie-rule); line-height: 1.55; }
[data-theme="sheet"] .promise__list li:first-child{ border-top: 0; }
[data-theme="sheet"] .promise__list li::before{ content: var(--mark, '+'); position: absolute; left: 4px; top: 10px; font-family: var(--ie-mono); font-weight: 700; color: var(--amber); }

/* ================= Marketing pages (the ien-v2 recipes) ================= */
[data-theme="sheet"] .sec__body > p{ max-width: none; font-size: 16px; line-height: 1.6; }
[data-theme="sheet"] .hero__note{ font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-ink2); }
[data-theme="sheet"] .hero__note b{ color: var(--ie-amber-text); font-weight: 700; }
@media (min-width: 960px) { [data-theme="sheet"] .hero--media .hero__in{ grid-template-columns: 1.15fr 1fr; gap: 56px; } }
[data-theme="sheet"] .hero__media img{ width: 100%; height: auto; background: #F3EEDF; }

/* Guide: prose beside a framed list */
[data-theme="sheet"] .split{ display: grid; gap: 50px; padding-bottom: 10px; }
@media (min-width: 900px) { [data-theme="sheet"] .split{ grid-template-columns: 1fr 1fr; } }
[data-theme="sheet"] .empathy p{ font-size: 18px; line-height: 1.55; color: var(--ie-ink); margin: 0 0 16px; max-width: 44ch; }
[data-theme="sheet"] .empathy p:last-child{ color: var(--ie-ink2); font-size: 16px; }
[data-theme="sheet"] .authority{ padding-top: 44px; }
[data-theme="sheet"] .stat{ display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
[data-theme="sheet"] .stat:last-child{ margin-bottom: 0; }
[data-theme="sheet"] .stat__n{ min-width: 62px; margin: 0; font-size: 22px; font-weight: 600; line-height: 1; color: var(--ie-amber-text); font-variant-numeric: tabular-nums; }
[data-theme="sheet"] .stat--word .stat__n{ font-size: 11px; letter-spacing: 0.12em; min-width: 92px; padding-top: 4px; }
[data-theme="sheet"] .stat__body{ flex: 1; }
[data-theme="sheet"] .stat__title{ font-size: 17px; font-weight: 600; color: var(--ie-ink2); margin: 0 0 10px; }
[data-theme="sheet"] .stat__text{ margin: 0; font-size: 14px; line-height: 1.5; color: var(--ie-ink); }
@media (min-width: 900px) { [data-theme="sheet"] .stat:has(.stat__title){ gap: 46px; } }

/* Portfolio strip, figures */
[data-theme="sheet"] .strip3{ display: grid; gap: 16px; margin: 0 0 32px; }
@media (min-width: 700px) { [data-theme="sheet"] .strip3{ grid-template-columns: repeat(3, 1fr); } }
[data-theme="sheet"] .strip3 img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #F3EEDF; border: 1px solid var(--ie-rule); border-radius: 6px; }
[data-theme="sheet"] .figure{ margin: 0 0 28px; }
[data-theme="sheet"] .figure img{ width: 100%; height: auto; }
[data-theme="sheet"] .figure figcaption{ margin-top: 10px; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ie-muted); }

/* The ten-stage track */
[data-theme="sheet"] .track{ padding: 40px 36px; margin-bottom: 30px; }
[data-theme="sheet"] .track__rule{ position: relative; height: 4px; margin: 30px 0 22px; background: var(--blue); }
[data-theme="sheet"] .track__rule::before{ content: ''; position: absolute; inset: 0 50% 0 0; background: var(--amber); }
[data-theme="sheet"] .track__tick{ position: absolute; top: -6px; width: 2px; height: 16px; margin-left: -1px; background: var(--blue); }
[data-theme="sheet"] .track__tick.is-first{ background: var(--amber); }
[data-theme="sheet"] .track__labels{ display: flex; justify-content: space-between; gap: 24px; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ie-ink2); }
[data-theme="sheet"] .track__half b{ display: block; margin-bottom: 2px; font-family: var(--ie-sans); font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-transform: none; color: var(--blue); }
[data-theme="sheet"] .track__half.is-first b{ color: var(--ie-amber-text); }
[data-theme="sheet"] .track__half:last-child{ text-align: right; }
[data-theme="sheet"] .stage-ticks{ list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0 0 18px; padding: 0; border-top: 4px solid var(--blue); }
@media (min-width: 760px) { [data-theme="sheet"] .stage-ticks{ grid-template-columns: repeat(10, 1fr); } }
[data-theme="sheet"] .stage-ticks__tick{ position: relative; padding: 18px 4px 6px 0; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ie-ink2); }
[data-theme="sheet"] .stage-ticks__tick::before{ content: ''; position: absolute; top: -10px; left: 0; width: 2px; height: 16px; background: var(--blue); }
[data-theme="sheet"] .stage-ticks__tick.is-on{ color: var(--ie-amber-text); border-top: 4px solid var(--amber); margin-top: -4px; }
[data-theme="sheet"] .stage-ticks__tick.is-on::before{ background: var(--amber); }

/* Mechanism */
[data-theme="sheet"] .mechanism__lead{ font-size: 18px; line-height: 1.55; max-width: 70ch; margin: 0 0 28px; }
[data-theme="sheet"] .mechanism__grid{ display: grid; gap: 20px; }
@media (min-width: 900px) { [data-theme="sheet"] .mechanism__grid{ grid-template-columns: repeat(3, 1fr); } }
[data-theme="sheet"] .mech-card{ background: var(--ie-card); border: 1.5px solid var(--ie-rule); border-top: 3px solid var(--blue); padding: 24px 24px 20px; }
[data-theme="sheet"] .mech-card__num{ margin: 0 0 10px; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .mech-card__title{ font-size: 18px; margin: 0 0 10px; line-height: 1.25; }
[data-theme="sheet"] .mech-card__text{ font-size: 14.5px; color: var(--ie-ink2); margin: 0 0 14px; }
[data-theme="sheet"] .mech-card__detail{ margin: 0; padding-top: 12px; border-top: 1px dashed var(--ie-rule); font-size: 13.5px; color: var(--ie-ink); }

/* Two panels with an arrow */
[data-theme="sheet"] .panels{ display: grid; gap: 30px; padding-bottom: 20px; }
@media (min-width: 900px) {
  [data-theme="sheet"] .panels{ grid-template-columns: 1fr 1fr; gap: 82px; }
  [data-theme="sheet"] .panels > .panel:first-child::after{ content: '\2192'; position: absolute; right: -60px; top: 50%; transform: translateY(-50%); font-family: var(--ie-mono); font-size: 40px; font-weight: 300; color: var(--amber); }
}
[data-theme="sheet"] .panel{ position: relative; background: var(--ie-card); border: 1.5px solid var(--blue); padding: 30px 32px; }
[data-theme="sheet"] .panel--amber{ border-color: var(--amber); }
[data-theme="sheet"] .panel__lbl{ margin: 0 0 18px; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .panel--amber .panel__lbl{ color: var(--ie-amber-text); }
[data-theme="sheet"] .panel__title{ font-size: 19px; margin: 0 0 16px; line-height: 1.25; }
[data-theme="sheet"] .panel__basis{ margin: -8px 0 16px; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .panel__mock{ position: relative; height: 340px; margin: 0 0 14px; border: 1px solid #DCE3EE; border-radius: 4px; background: linear-gradient(#D5DDE8, #D5DDE8) 14px 14px / calc(100% - 28px) 10px no-repeat, repeating-linear-gradient(to bottom, #DCE3EE 0 5px, transparent 5px 12px) 14px 34px / 60% 60px no-repeat, #F7F9FC; }
[data-theme="sheet"] .panel__mock span{ position: absolute; right: 14px; bottom: 10px; font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .panel__list ul{ list-style: none; margin: 0; padding: 0 0 0 48px; display: grid; gap: 10px; }
[data-theme="sheet"] .panel__list li{ position: relative; padding-left: 22px; font-size: 15px; line-height: 1.5; }
[data-theme="sheet"] .panel__list li::before{ content: '\2713'; position: absolute; left: 0; color: var(--ie-green); font-weight: 700; font-size: 14px; }
[data-theme="sheet"] .panel__note{ margin: 18px 0 0; padding-top: 14px; border-top: 1px dashed var(--ie-rule); font-size: 14px; color: var(--ie-ink2); }
@media (max-width: 599px) { [data-theme="sheet"] .panel{ padding: 24px 20px; } [data-theme="sheet"] .panel__mock{ height: 200px; } [data-theme="sheet"] .panel__list ul{ padding-left: 0; } }

/* Captions */
[data-theme="sheet"] .caption, [data-theme="sheet"] .wiki-body > .caption, [data-theme="sheet"] .sec__body > .caption{ margin: 0 0 24px; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ie-muted); line-height: 1.6; }
[data-theme="sheet"] .caption a{ color: var(--blue); }
[data-theme="sheet"] .cta .caption{ margin: 18px 0 0; }

/* Packages */
[data-theme="sheet"] .tiers{ display: grid; gap: 20px; margin-bottom: 30px; }
@media (min-width: 640px) { [data-theme="sheet"] .tiers{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { [data-theme="sheet"] .tiers{ grid-template-columns: repeat(4, 1fr); } }
[data-theme="sheet"] .tier{ position: relative; display: flex; flex-direction: column; background: var(--ie-card); border: 1.5px solid var(--ie-rule); padding: 30px 26px; }
[data-theme="sheet"] .tier--hi{ border-color: var(--amber); box-shadow: 0 0 0 4px var(--ie-amber-dim); }
[data-theme="sheet"] .tier__tag{ position: absolute; top: -9px; left: 20px; margin: 0; padding: 0 10px; background: var(--ie-paper); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); line-height: 1.6; }
[data-theme="sheet"] .tier--hi .tier__tag, [data-theme="sheet"] .tier--hi .tier__kind{ color: var(--ie-amber-text); }
[data-theme="sheet"] .tier__kind{ margin: 0 0 8px; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .tier__name{ margin: 0 0 8px; font-size: 22px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.15; }
[data-theme="sheet"] .tier__price{ margin: 10px 0 4px; font-size: 42px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; font-variant-numeric: tabular-nums; }
[data-theme="sheet"] .tier__vat{ margin-left: 8px; font-size: 13px; font-weight: 500; letter-spacing: 0; color: var(--ie-ink2); }
[data-theme="sheet"] .tier__basis{ margin: 0 0 18px; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .tier__desc{ margin: 0 0 18px; font-size: 14px; line-height: 1.55; color: var(--ie-ink2); }
[data-theme="sheet"] .tier__list{ flex: 1; list-style: none; margin: 0 0 22px; padding: 0; }
[data-theme="sheet"] .tier__list li{ position: relative; padding: 8px 0 8px 22px; border-bottom: 1px dashed var(--ie-rule); font-size: 13.5px; line-height: 1.45; }
[data-theme="sheet"] .tier__list li::before{ content: '+'; position: absolute; left: 0; top: 7px; color: var(--blue); font-weight: 700; }
[data-theme="sheet"] .tier--hi .tier__list li::before{ color: var(--amber); }
[data-theme="sheet"] .tier__pick{ justify-content: center; width: 100%; }
/* Package snapshot (<Tiers variant="snapshot">, home section 06, F9-2): one row per tier, the full cards stay on /services/.
   Phone: cue, then name and price on one line, then the decision line. From 900px: one line per tier. */
[data-theme="sheet"] .tier-snap{ margin-bottom: 30px; }
[data-theme="sheet"] .tier-snap__list{ list-style: none; margin: 0 0 24px; padding: 0; background: var(--ie-card); border: 1.5px solid var(--ie-rule); }
[data-theme="sheet"] .tier-snap__row{ display: grid; grid-template-columns: 1fr auto; grid-template-areas: "cue cue" "name price" "line line"; gap: 6px 16px; align-items: baseline; padding: 20px 22px; border-top: 1px dashed var(--ie-rule); }
[data-theme="sheet"] .tier-snap__row:first-child{ border-top: 0; }
[data-theme="sheet"] .tier-snap__cue{ grid-area: cue; margin: 0; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .tier-snap__name{ grid-area: name; margin: 0; font-size: 19px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; }
[data-theme="sheet"] .tier-snap__price{ grid-area: price; margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; font-variant-numeric: tabular-nums; text-align: right; }
[data-theme="sheet"] .tier-snap__line{ grid-area: line; margin: 2px 0 0; font-size: 14px; line-height: 1.5; color: var(--ie-ink2); }
@media (min-width: 900px) {
  [data-theme="sheet"] .tier-snap__row{ grid-template-columns: 110px minmax(200px, 260px) 80px minmax(0, 1fr); grid-template-areas: "cue name price line"; gap: 0 28px; padding: 22px 30px; }
  [data-theme="sheet"] .tier-snap__line{ margin: 0; }
}

/* Stage cards and the bridge (How It Works) */
[data-theme="sheet"] .stage-cards{ display: grid; gap: 14px; grid-template-columns: 1fr; margin-bottom: 10px; }
@media (min-width: 600px) { [data-theme="sheet"] .stage-cards{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { [data-theme="sheet"] .stage-cards{ grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { [data-theme="sheet"] .stage-cards{ grid-template-columns: repeat(5, 1fr); } }
[data-theme="sheet"] .stage-card{ position: relative; background: var(--ie-paper); border: 1.5px solid var(--ie-rule); border-top: 3px solid var(--blue); padding: 20px 20px 18px; }
[data-theme="sheet"] .stage-card--first{ border-color: rgba(232, 160, 23, 0.35); border-top-color: var(--amber); }
[data-theme="sheet"] .stage-card:hover{ border-color: var(--blue); }
[data-theme="sheet"] .stage-card__sn{ margin: 0 0 10px; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .stage-card--first .stage-card__sn{ color: var(--ie-amber-text); }
[data-theme="sheet"] .stage-card__img img{ width: 100%; aspect-ratio: 1; object-fit: cover; margin-bottom: 12px; }
[data-theme="sheet"] .stage-card__title{ font-size: 16px; line-height: 1.22; margin: 0 0 10px; }
[data-theme="sheet"] .stage-card__title a{ color: var(--ie-ink); text-decoration: none; }
[data-theme="sheet"] .stage-card__title a::after{ content: ''; position: absolute; inset: 0; }
[data-theme="sheet"] .stage-card__text{ font-size: 12.5px; line-height: 1.5; color: var(--ie-ink2); margin: 0 0 10px; }
[data-theme="sheet"] .stage-card__delv{ margin: 0; padding-top: 10px; border-top: 1px dashed var(--ie-rule); font-size: 9.5px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ie-muted); }
[data-theme="sheet"] .stage-card__delv b{ color: var(--ie-ink); font-weight: 600; }
[data-theme="sheet"] .flow-arrow{ margin: 6px 0; text-align: center; font-size: 24px; line-height: 1; color: var(--ie-muted); }
[data-theme="sheet"] .bridge{ background: #F4F4F2; border: 1px solid #C9C9C4; border-left: 4px solid #3C3C3C; padding: 22px 26px; }
[data-theme="sheet"] .bridge__lbl{ margin: 0 0 8px; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: #555555; }
[data-theme="sheet"] .bridge__title{ font-size: 18px; margin: 0 0 8px; }
[data-theme="sheet"] .bridge__text{ margin: 0; font-size: 14.5px; color: var(--ie-ink); }
[data-theme="sheet"] .bridge__text em{ color: inherit; }

/* Feature matrix */
[data-theme="sheet"] .compare{ padding: 0; margin-bottom: 30px; }
[data-theme="sheet"] .compare .frame__tag{ z-index: 1; }
[data-theme="sheet"] .compare__scroll{ overflow-x: auto; }
[data-theme="sheet"] .compare__table{ width: 100%; min-width: 720px; border-collapse: collapse; font-size: 13.5px; }
[data-theme="sheet"] .compare__table th, [data-theme="sheet"] .compare__table td{ padding: 14px 22px; border-bottom: 1px solid var(--ie-rule); border-right: 1px solid var(--ie-rule); text-align: left; font-weight: 500; vertical-align: middle; }
[data-theme="sheet"] .compare__table tr > :last-child{ border-right: 0; }
[data-theme="sheet"] .compare__table thead th{ background: var(--ie-blue-face); border-bottom: 2px solid var(--blue); font-family: var(--ie-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); font-weight: 600; }
[data-theme="sheet"] .compare__table thead th.is-hi{ color: var(--ie-amber-text); }
[data-theme="sheet"] .compare__table .is-col, [data-theme="sheet"] .compare__table td{ text-align: center; font-family: var(--ie-mono); font-size: 12px; color: var(--ie-ink2); }
[data-theme="sheet"] .compare__table td.is-ok{ color: var(--blue); font-size: 16px; font-weight: 700; }
[data-theme="sheet"] .compare__table td.is-hi{ background: rgba(232, 160, 23, 0.05); }
[data-theme="sheet"] .compare__table td.is-ok.is-hi{ color: var(--ie-amber-text); }
[data-theme="sheet"] .compare__section th{ background: var(--ie-amber-face); border-bottom: 1.5px solid var(--amber); font-family: var(--ie-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #8A5A0C; font-weight: 700; }
[data-theme="sheet"] .compare__price th, [data-theme="sheet"] .compare__price td{ background: var(--ie-paper); font-weight: 600; border-bottom: 0; }
[data-theme="sheet"] .compare__price td{ font-family: var(--ie-sans); font-size: 20px; color: var(--ie-ink); }
[data-theme="sheet"] .compare__price td.is-hi{ color: var(--ie-amber-text); }

/* Prompt box (Claude page) */
[data-theme="sheet"] .prompt-box{ display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: var(--ie-card); border: 1.5px solid var(--blue); padding: 18px 22px; margin-bottom: 16px; }
[data-theme="sheet"] .prompt-box__text{ font-family: var(--ie-mono); font-size: 15px; color: var(--ie-ink); }

/* Closing call to action: amber primary, as live */
[data-theme="sheet"] .cta .btn--primary{ background: var(--amber); border-color: var(--amber); color: #1A1200; }
[data-theme="sheet"] .cta .btn--primary:hover{ background: var(--ie-amber2); border-color: var(--ie-amber2); color: #1A1200; }

/* FAQ in two columns */
@media (min-width: 900px) { [data-theme="sheet"] .qa--pair{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; } }

/* Forms: the live form card */
[data-theme="sheet"] .form{ background: var(--ie-card); border: 1.5px solid var(--blue); padding: 40px 44px; max-width: 860px; }
@media (max-width: 599px) { [data-theme="sheet"] .form{ padding: 28px 20px; } }
[data-theme="sheet"] .form label, [data-theme="sheet"] .form legend{ font-family: var(--ie-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .form input:not([type="radio"]):not([type="checkbox"]), [data-theme="sheet"] .form textarea, [data-theme="sheet"] .form select{ border: 1.5px solid var(--ie-rule); background: var(--ie-card); border-radius: 0; font-family: var(--ie-sans); font-size: 15px; color: var(--ie-ink); }
/* The focus rule repeats the resting rule's :not() chain so it outranks it; without that, text inputs lost their outline and never got the blue border. Radios and checkboxes keep the site's :focus-visible ring. */
[data-theme="sheet"] .form input:not([type="radio"]):not([type="checkbox"]):focus, [data-theme="sheet"] .form textarea:focus, [data-theme="sheet"] .form select:focus{ border-color: var(--blue); outline: 0; }
[data-theme="sheet"] .form__radios{ border: 0; padding: 0; margin: 0 0 8px; display: grid; gap: 8px; }
[data-theme="sheet"] .form__radio{ display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 14px 16px; background: var(--ie-blue-face); border: 1.5px solid var(--ie-blue-dim); cursor: pointer; text-transform: none; letter-spacing: 0; font-family: var(--ie-sans); font-size: 14px; color: var(--ie-ink); }
[data-theme="sheet"] .form__radio:has(input:checked){ border-color: var(--blue); }
[data-theme="sheet"] .form__radio input{ accent-color: var(--blue); width: 16px; height: 16px; }
[data-theme="sheet"] .form__radio-body b{ display: block; font-size: 15px; }
[data-theme="sheet"] .form__radio-detail{ display: block; color: var(--ie-ink2); font-size: 13.5px; }
[data-theme="sheet"] .form__radio-price{ font-weight: 700; font-size: 15px; white-space: nowrap; }

/* /start/: two routes side by side */
[data-theme="sheet"] .routes{ display: grid; gap: 40px; padding-top: 60px; }
@media (min-width: 1000px) {
  [data-theme="sheet"] .routes{ grid-template-columns: 1fr 1fr; gap: 72px; }
  [data-theme="sheet"] .routes > .route:first-child::after{ content: var(--between, ''); position: absolute; top: 64px; right: -72px; width: 72px; text-align: center; font-family: var(--ie-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ie-muted); }
  [data-theme="sheet"] .routes > .route:first-child::before{ content: '\2192'; position: absolute; top: 120px; right: -48px; font-family: var(--ie-mono); font-size: 28px; color: var(--amber); }
}
[data-theme="sheet"] .route{ position: relative; background: #FFF8EA; border: 1.5px solid var(--amber); padding: 44px 36px 32px; }
[data-theme="sheet"] .route--blue{ background: var(--ie-blue-face); border-color: var(--blue); }
[data-theme="sheet"] .route__tag{ position: absolute; top: -9px; left: 26px; margin: 0; padding: 0 12px; background: var(--ie-paper); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ie-amber-text); line-height: 1.6; }
[data-theme="sheet"] .route--blue .route__tag{ color: var(--blue); }
[data-theme="sheet"] .route__step{ margin: 0 0 8px; font-size: 22px; font-weight: 600; color: var(--ie-amber-text); }
[data-theme="sheet"] .route--blue .route__step{ color: var(--blue); }
[data-theme="sheet"] .route__title{ font-size: 26px; margin: 0 0 12px; }
[data-theme="sheet"] .route .form{ padding: 0; border: 0; background: transparent; margin-top: 18px; }
[data-theme="sheet"] .route--amber .btns .btn{ background: var(--amber); border-color: var(--amber); color: #1A1200; }
[data-theme="sheet"] .route--amber .btns .btn:hover{ background: var(--ie-amber2); border-color: var(--ie-amber2); }
[data-theme="sheet"] .route .btns{ margin: 10px 0 8px; }
[data-theme="sheet"] .route .figure{ margin-top: 20px; }
[data-theme="sheet"] .route .figure img{ border: 1px solid var(--ie-rule); }
@media (max-width: 599px) { [data-theme="sheet"] .route{ padding: 36px 20px 24px; } }

/* Resources: the post list and the article rail */
[data-theme="sheet"] .post-list{ display: grid; gap: 20px; }
@media (min-width: 700px) { [data-theme="sheet"] .post-list{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { [data-theme="sheet"] .post-list{ grid-template-columns: repeat(3, 1fr); } }
[data-theme="sheet"] .post-card{ position: relative; display: flex; flex-direction: column; background: var(--ie-card); border: 1.5px solid var(--ie-rule); border-top: 3px solid var(--blue); padding: 22px 24px; }
[data-theme="sheet"] .post-card:hover{ border-color: var(--blue); }
[data-theme="sheet"] .post-card__meta{ margin: 0 0 10px; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .post-card__title{ font-size: 19px; line-height: 1.3; margin: 0 0 10px; }
[data-theme="sheet"] .post-card__title a{ color: var(--ie-ink); text-decoration: none; }
[data-theme="sheet"] .post-card__title a::after{ content: ''; position: absolute; inset: 0; }
[data-theme="sheet"] .post-card__text{ flex: 1; margin: 0 0 14px; font-size: 14.5px; line-height: 1.55; color: var(--ie-ink2); }
[data-theme="sheet"] .post-card__more{ margin: 0; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .post-more{ list-style: none; margin: 0 0 22px; padding: 0; border-top: 1.5px solid var(--blue); }
[data-theme="sheet"] .post-more li{ padding: 10px 0; border-bottom: 1px solid var(--ie-rule); font-size: 13px; line-height: 1.4; }
[data-theme="sheet"] .post-more a{ color: var(--ie-ink); text-decoration: none; }
[data-theme="sheet"] .post-more a:hover{ color: var(--blue); }
[data-theme="sheet"] .post-more__wiki a{ color: inherit; text-decoration: none; }
[data-theme="sheet"] .wiki-body .figure{ margin: 28px 0; }
[data-theme="sheet"] .wiki-body .figure img{ border-radius: 4px; }

/* RA-001's kit cards */
[data-theme="sheet"] .kit-grid{ display: grid; gap: 20px; margin: 20px 0 32px; }
@media (min-width: 700px) { [data-theme="sheet"] .kit-grid{ grid-template-columns: repeat(2, 1fr); } }
[data-theme="sheet"] .kit-card{ background: var(--ie-card); border: 1px solid var(--ie-rule); }
[data-theme="sheet"] .kit-card img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
[data-theme="sheet"] .kit-card__body{ padding: 18px 20px 20px; }
[data-theme="sheet"] .kit-card__title{ display: flex; align-items: center; gap: 10px; font-size: 18px; margin: 0 0 8px; }
[data-theme="sheet"] .kit-card__n{ display: inline-grid; place-items: center; width: 26px; height: 26px; background: var(--amber); color: #1A1200; font-size: 13px; font-weight: 700; }
[data-theme="sheet"] .kit-card__kit{ margin: 0 0 10px; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); }
[data-theme="sheet"] .kit-card__text{ margin: 0; font-size: 15px; line-height: 1.55; }
[data-theme="sheet"] .form .form__radio{ font-family: var(--ie-sans); font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--ie-ink); }
[data-theme="sheet"] .form .form__radios{ grid-column: 1 / -1; }
[data-theme="sheet"] .form .form__radios legend{ margin-bottom: 8px; }

/* The rule mark before mono labels: drawn here, not typed, so it is decoration rather than text */
[data-theme="sheet"] .wiki-sheet__path::before, [data-theme="sheet"] .wiki-next::before, [data-theme="sheet"] .wiki-kicker::before, [data-theme="sheet"] .point__label::before{ content: "\2014\00a0"; }
[data-theme="sheet"] .notebook__sign::before{ content: "\2014\00a0"; }
@media (max-width: 479px) { [data-theme="sheet"] .site-h__end .btn{ padding: 8px 10px; font-size: 12.5px; } [data-theme="sheet"] .brand__wordmark--slash{ font-size: 15px; } [data-theme="sheet"] .brand{ gap: 10px; } }

/* Accessibility fixes from the browser checks (2026-11-02) */
[data-theme="sheet"] .wiki-toc a, [data-theme="sheet"] .wiki-toc a.sub{ min-height: 24px; }
[data-theme="sheet"] .compare{ max-width: 100%; min-width: 0; }
[data-theme="sheet"] .compare__scroll{ max-width: 100%; position: relative; } /* holds the .sr labels, which otherwise escape the scroller */
[data-theme="sheet"] .compare__scroll:focus-visible{ outline: 2px solid var(--blue); outline-offset: -2px; }
[data-theme="sheet"] .compare__table thead th.is-hi{ color: #7A4E08; }

/* ---------- Type: Hanken Grotesk ---------- */
/* The weights and tracking above were set with Inter and stand. Heading measures are in ch, the width
   of a zero, and Inter's zero widens as it gets bolder while Hanken's does not: at heading weights
   Hanken's ch is about 14% narrower. These four keep the heading measures at the pixel widths they
   had with Inter. Text measures differ by about 2% and stay as they are. */
[data-theme="sheet"] .hero h1{ max-width: 23ch; }
[data-theme="sheet"] .tpl--home .hero h1, [data-theme="sheet"] .cta h2{ max-width: 30ch; }
[data-theme="sheet"] .sec__head h2{ flex-basis: 28ch; }