: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. */

/* Inter, self-hosted as on live (S-058 TQA-09): one variable file per subset, offered up to 700. Live
   loads 400 to 600 only, so its 800 headings render as a synthesised bold; 700 gives the same weight. The fallback is Arial
   scaled to Inter's metrics, so text keeps its place while the font loads (as PRD's Recursive). */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 700; font-display: swap; src: url('/fonts/Inter-latin.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: 'Inter'; font-style: normal; font-weight: 100 700; font-display: swap; src: url('/fonts/Inter-latin-ext.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: 'Inter Fallback'; src: local('Arial'), local('ArialMT'); size-adjust: 107.12%; ascent-override: 90.44%; descent-override: 22.52%; 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: 'Inter', 'Inter 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-sans); 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; }

/* ---------- 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%; }

/* 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); }
[data-theme="sheet"] .form input: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; }