@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/ibm-plex-sans-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/ibm-plex-sans-latin-400-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:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/ibm-plex-sans-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/ibm-plex-sans-latin-500-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:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/ibm-plex-sans-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/ibm-plex-sans-latin-600-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:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/ibm-plex-mono-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/ibm-plex-mono-latin-400-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}
/* Hallmark · genre: modern-minimal · macrostructure: Workbench · design-system: design.md · designed-as-app */
:root, :root[data-goat-carbon][data-theme] {
  --channels-paper: 239 243 246; --channels-layer: 255 255 255; --channels-layer-alt: 230 236 240;
  --channels-rule: 215 224 230; --channels-ink: 43 53 64; --channels-secondary: 94 107 119;
  --color-paper: oklch(0.961973 0.005878 239.8201); /* #EFF3F6 */
  --color-layer: oklch(1.000000 0.000000 89.8756); /* #FFFFFF */
  --color-layer-alt: oklch(0.939683 0.008415 236.5638); /* #E6ECF0 */
  --color-ink: oklch(0.324405 0.023882 251.0122); /* #2B3540 */
  --color-ink-secondary: oklch(0.521180 0.024709 246.1431); /* #5E6B77 */
  --color-rule: oklch(0.901607 0.012734 236.6396); /* #D7E0E6 */
  --color-rule-strong: oklch(0.661022 0.031528 245.1174); /* #8395A5 */
  --color-accent: oklch(0.516467 0.045850 245.4100); /* #526B81 */
  --color-accent-hover: oklch(0.463701 0.046920 245.6042); /* #435C72 */
  --color-accent-active: oklch(0.406731 0.045494 246.7206); /* #354C61 */
  --color-on-accent: oklch(1.000000 0.000000 89.8756); /* #FFFFFF */
  --color-focus: oklch(0.461338 0.065644 245.8370); /* #385C7B */
  --color-inverse: oklch(0.290797 0.028284 246.7809); /* #202D39 */
  --color-on-inverse: oklch(0.968441 0.004181 236.4968); /* #F2F5F7 */
  --color-error: oklch(0.493636 0.145364 24.1476); /* #A43636 */
  --color-error-soft: oklch(0.942889 0.016348 17.4471); /* #F7E8E8 */
  --color-success: oklch(0.465218 0.070117 153.6279); /* #386547 */
  --color-success-soft: oklch(0.943390 0.013333 152.5974); /* #E6EFE8 */
  --color-warning: oklch(0.505413 0.077581 78.2252); /* #7D5F2D */
  --color-warning-soft: oklch(0.946990 0.019670 87.5146); /* #F3EDDF */
  --font-body: "IBM Plex Sans", "Hiragino Sans", "Noto Sans JP", "Noto Sans SC", "Yu Gothic", system-ui, sans-serif;
  --font-display: var(--font-body);
  --font-code: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --space-2xs: .25rem; --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem;
  --text-xs: .75rem; --text-sm: .875rem; --text-md: 1rem;
  --text-lg: 1.25rem; --text-xl: 1.75rem; --text-display: 2rem;
  --radius-control: 0; --radius-card: 0;
  --rule-width: 1px; --shell-height: 3rem;
  --ease-out: cubic-bezier(0, 0, .38, .9);
  --ease-in: cubic-bezier(.2, 0, 1, .9);
  --ease-in-out: cubic-bezier(.2, 0, .38, .9);
  --dur-short: 110ms;
  --color-overlay: oklch(0 0 0 / .45);
  --color-transparent: transparent;
  --color-diagram-white: oklch(1 0 0);
}
:root[data-theme="dark"], :root[data-goat-carbon][data-theme="dark"] {
  --channels-paper: 23 33 43; --channels-layer: 32 45 57; --channels-layer-alt: 42 57 71;
  --channels-rule: 63 80 95; --channels-ink: 237 242 247; --channels-secondary: 177 190 201;
  --color-paper: oklch(0.242972 0.023967 248.8423); /* #17212B */
  --color-layer: oklch(0.290797 0.028284 246.7809); /* #202D39 */
  --color-layer-alt: oklch(0.337465 0.031694 247.0197); /* #2A3947 */
  --color-ink: oklch(0.958796 0.008588 247.9151); /* #EDF2F7 */
  --color-ink-secondary: oklch(0.794858 0.021225 243.4870); /* #B1BEC9 */
  --color-rule: oklch(0.422858 0.032930 245.3207); /* #3F505F */
  --color-rule-strong: oklch(0.666863 0.032197 243.6413); /* #8497A7 */
  --color-accent: oklch(0.805978 0.036802 243.0753); /* #ACC3D6 */
  --color-accent-hover: oklch(0.866854 0.027489 241.2022); /* #C4D6E4 */
  --color-accent-active: oklch(0.928819 0.015272 241.7793); /* #DFE9F1 */
  --color-on-accent: oklch(0.242972 0.023967 248.8423); /* #17212B */
  --color-focus: oklch(0.866854 0.027489 241.2022); /* #C4D6E4 */
  --color-inverse: oklch(0.212893 0.020675 245.8007); /* #111A22 */
  --color-on-inverse: oklch(0.958796 0.008588 247.9151); /* #EDF2F7 */
  --color-error: oklch(0.796128 0.080608 19.0052); /* #ECA8A8 */
  --color-error-soft: oklch(0.325363 0.033702 1.2294); /* #432D33 */
  --color-success: oklch(0.800159 0.051293 154.0420); /* #A5C8AF */
  --color-success-soft: oklch(0.335276 0.030535 172.4879); /* #263C35 */
  --color-warning: oklch(0.834797 0.059780 82.9311); /* #DCC69D */
  --color-warning-soft: oklch(0.339514 0.020289 82.6568); /* #3D372C */
}
/* Legacy semantic aliases. Scientific/category/series tokens are intentionally excluded. */
:root[data-goat-carbon][data-theme] {
  --bg: var(--color-paper);
  --bg-soft: var(--color-paper);
  --bg-card-page: var(--color-paper);
  --paper: var(--color-paper);
  --color-bg: var(--color-paper);
  --color-bg-canvas: var(--color-paper);
  --color-bg-soft: var(--color-paper);
  --spa-bg: var(--color-paper);
  --astro-bg-from: var(--color-paper);
  --astro-bg-to: var(--color-paper);
  --mt-bg: var(--color-paper);
  --md-sys-color-background: var(--color-paper);
  --md-sys-color-surface: var(--color-paper);
  --surface: var(--color-layer);
  --bg-card: var(--color-layer);
  --bg-elev: var(--color-layer);
  --color-surface: var(--color-layer);
  --color-surface-raised: var(--color-layer);
  --color-bg-elev: var(--color-layer);
  --color-bg-surface: var(--color-layer);
  --spa-card-bg: var(--color-layer);
  --mt-surface: var(--color-layer);
  --md-sys-color-surface-container-lowest: var(--color-layer);
  --md-sys-color-surface-container-low: var(--color-layer);
  --surface-2: var(--color-layer-alt);
  --surface-sunken: var(--color-layer-alt);
  --bg-sub: var(--color-layer-alt);
  --bg-tinted: var(--color-layer-alt);
  --selected: var(--color-focus);
  --color-surface-2: var(--color-layer-alt);
  --color-surface-3: var(--color-layer-alt);
  --color-surface-sunken: var(--color-layer-alt);
  --color-surface-muted: var(--color-layer-alt);
  --color-bg-subtle: var(--color-layer-alt);
  --color-bg-muted: var(--color-layer-alt);
  --color-bg-inset: var(--color-layer-alt);
  --spa-hover: var(--color-layer-alt);
  --mt-surface-2: var(--color-layer-alt);
  --md-sys-color-surface-container: var(--color-layer-alt);
  --md-sys-color-surface-container-high: var(--color-layer-alt);
  --md-sys-color-surface-container-highest: var(--color-layer-alt);
  --md-sys-color-surface-variant: var(--color-layer-alt);
  --d-panel-2: var(--color-layer-alt);
  --accent-soft: var(--color-layer-alt);
  --primary-soft: var(--color-layer-alt);
  --color-primary-soft: var(--color-layer-alt);
  --color-accent-soft: var(--color-layer-alt);
  --color-accent-tint: var(--color-layer-alt);
  --mt-accent-soft: var(--color-layer-alt);
  --md-sys-color-primary-container: var(--color-layer-alt);
  --md-sys-color-secondary-container: var(--color-layer-alt);
  --md-sys-color-tertiary-container: var(--color-layer-alt);
  --text: var(--color-ink);
  --fg: var(--color-ink);
  --ink: var(--color-ink);
  --color-text: var(--color-ink);
  --color-text-strong: var(--color-ink);
  --color-fg: var(--color-ink);
  --color-fg-primary: var(--color-ink);
  --spa-fg: var(--color-ink);
  --astro-text: var(--color-ink);
  --mt-fg: var(--color-ink);
  --md-sys-color-on-surface: var(--color-ink);
  --md-sys-color-on-background: var(--color-ink);
  --md-sys-color-on-primary-container: var(--color-ink);
  --md-sys-color-on-secondary-container: var(--color-ink);
  --md-sys-color-on-tertiary-container: var(--color-ink);
  --muted: var(--color-ink-secondary);
  --text-muted: var(--color-ink-secondary);
  --text-mute: var(--color-ink-secondary);
  --text-dim: var(--color-ink-secondary);
  --text-faint: var(--color-ink-secondary);
  --fg-muted: var(--color-ink-secondary);
  --fg-soft: var(--color-ink-secondary);
  --ink-muted: var(--color-ink-secondary);
  --ink-faint: var(--color-ink-secondary);
  --color-text-muted: var(--color-ink-secondary);
  --color-text-subtle: var(--color-ink-secondary);
  --color-fg-muted: var(--color-ink-secondary);
  --color-fg-secondary: var(--color-ink-secondary);
  --color-fg-subtle: var(--color-ink-secondary);
  --color-fg-faint: var(--color-ink-secondary);
  --spa-muted: var(--color-ink-secondary);
  --mt-muted: var(--color-ink-secondary);
  --md-sys-color-on-surface-variant: var(--color-ink-secondary);
  --d-ink-dim: var(--color-ink-secondary);
  --border: var(--color-rule);
  --line: var(--color-rule);
  --rule: var(--color-rule);
  --color-border: var(--color-rule);
  --color-border-subtle: var(--color-rule);
  --spa-border: var(--color-rule);
  --mt-border: var(--color-rule);
  --md-sys-color-outline-variant: var(--color-rule);
  --d-line: var(--color-rule);
  --astro-scroll-track: var(--color-rule);
  --border-strong: var(--color-rule-strong);
  --rule-strong: var(--color-rule-strong);
  --color-border-strong: var(--color-rule-strong);
  --mt-border-strong: var(--color-rule-strong);
  --md-sys-color-outline: var(--color-rule-strong);
  --astro-scroll-thumb: var(--color-rule-strong);
  --accent: var(--color-accent);
  --accent-2: var(--color-accent);
  --accent-3: var(--color-accent);
  --accent-strong: var(--color-accent);
  --accent-ink: var(--color-accent);
  --primary: var(--color-accent);
  --color-primary: var(--color-accent);
  --color-secondary: var(--color-accent);
  --color-accent-primary: var(--color-accent);
  --color-accent-strong: var(--color-accent);
  --color-link: var(--color-accent);
  --spa-accent: var(--color-accent);
  --mt-accent: var(--color-accent);
  --md-sys-color-primary: var(--color-accent);
  --md-sys-color-secondary: var(--color-accent);
  --md-sys-color-tertiary: var(--color-accent);
  --md-sys-color-surface-tint: var(--color-accent);
  --primary-hover: var(--color-accent-hover);
  --color-primary-hover: var(--color-accent-hover);
  --astro-scroll-thumb-hover: var(--color-accent-hover);
  --color-primary-active: var(--color-accent-active);
  --accent-fg: var(--color-on-accent);
  --primary-fg: var(--color-on-accent);
  --color-text-on-primary: var(--color-on-accent);
  --color-text-inverse: var(--color-on-accent);
  --color-accent-on-strong: var(--color-on-accent);
  --color-primary-on: var(--color-on-accent);
  --color-accent-on-primary: var(--color-on-accent);
  --color-accent-fg: var(--color-on-accent);
  --color-accent-on: var(--color-on-accent);
  --mt-accent-fg: var(--color-on-accent);
  --md-sys-color-on-primary: var(--color-on-accent);
  --md-sys-color-on-secondary: var(--color-on-accent);
  --md-sys-color-on-tertiary: var(--color-on-accent);
  --color-border-focus: var(--color-focus);
  --danger: var(--color-error);
  --err: var(--color-error);
  --sev-error: var(--color-error);
  --color-danger: var(--color-error);
  --md-sys-color-error: var(--color-error);
  --sev-error-bg: var(--color-error-soft);
  --md-sys-color-error-container: var(--color-error-soft);
  --ok: var(--color-success);
  --sev-info: var(--color-success);
  --sev-info-bg: var(--color-success-soft);
  --warn: var(--color-warning);
  --warning: var(--color-warning);
  --sev-warn: var(--color-warning);
  --sev-warn-bg: var(--color-warning-soft);
  --mt-band-top: var(--color-inverse);
  --md-sys-color-inverse-surface: var(--color-inverse);
  --mt-band-fg: var(--color-on-inverse);
  --md-sys-color-inverse-on-surface: var(--color-on-inverse);
  --d-panel: var(--color-layer);
  --mt-band: var(--color-inverse);
  --mt-band-muted: var(--color-on-inverse);
  --mt-band-rule: var(--color-rule-strong);
  --sans: var(--font-body); --mono: var(--font-code);
  --font-ui: var(--font-body);
  --font-sans: var(--font-body);
  --font-mono: var(--font-code);
  --mt-sans: var(--font-body); --mt-mono: var(--font-code);
  --md-sys-typescale-font-family: var(--font-body);
  --radius-xs: var(--radius-control); --radius-xl: var(--radius-control); --radius-pill: var(--radius-control);
  --md-sys-shape-corner-full: 0; --md-sys-shape-full: 0; --md-sys-shape-small: 0;
  --radius: var(--radius-control); --radius-sm: var(--radius-control);
  --radius-md: var(--radius-control); --radius-lg: var(--radius-control);
  --mt-radius: var(--radius-control); --mt-radius-sm: var(--radius-control);
  --shadow: none; --mt-shadow: none;
  --grid: var(--color-transparent);
  --md-sys-elevation-1: none; --md-sys-elevation-2: none;
  --md-sys-elevation-3: none; --md-sys-elevation-4: none;
  --md-sys-shape-corner-extra-small: 0; --md-sys-shape-corner-small: 0;
  --md-sys-shape-corner-medium: 0; --md-sys-shape-corner-large: 0;
  --md-sys-shape-corner-extra-large: 0;
}

/* Hallmark · genre: modern-minimal · macrostructure: Workbench · design-system: design.md · designed-as-app */
/* Shared visual/interaction layer; never recolors SVG/canvas data or user artwork. */
html[data-goat-carbon], html[data-goat-carbon] body { overflow-x: clip; }
:root[data-goat-carbon] { scroll-padding-top: calc(var(--shell-height) + var(--space-md)); }
:root[data-goat-carbon] body {
  box-sizing: border-box;
  margin: 0;
  padding-top: var(--shell-height);
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button, input, select, textarea) { font-family: var(--font-body); }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(pre, code, kbd, samp) { font-family: var(--font-code); }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(h1, h2, h3, h4) {
  font-family: var(--font-display); letter-spacing: normal; text-wrap: pretty;
}
:root[data-goat-carbon] body h1 { font-weight: 400; }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button, input, select, textarea, .card, .tile, .panel, .modal) {
  border-radius: var(--radius-control);
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button, [role="button"]) {
  box-shadow: none;
  transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button, select, input:not([type="checkbox"]):not([type="radio"]):not([type="range"])) { min-height: 2rem; }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  background-color: var(--color-layer-alt);
  color: var(--color-ink);
  border: 0;
  border-bottom: var(--rule-width) solid var(--color-rule-strong);
  box-shadow: none;
  max-width: 100%;
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(input,textarea)::placeholder { color: var(--color-ink-secondary); opacity: 1; }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button,input,select,textarea,a,[tabindex]):focus-visible {
  outline: 2px solid var(--color-focus); outline-offset: 2px;
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button,input,select,textarea):disabled,
:root[data-goat-carbon] body [aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
:root[data-goat-carbon] body [aria-busy="true"] { cursor: progress; }
:root[data-goat-carbon] body [aria-invalid="true"] { border-color: var(--color-error); outline-color: var(--color-error); }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(.btn-primary, .button-primary, button[type="submit"]) {
  background: var(--color-accent); color: var(--color-on-accent); border-color: var(--color-accent);
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(.btn-primary,.button-primary,button[type="submit"]):active {
  background: var(--color-accent-active);
}
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(.card,.tile,.panel) { box-shadow: none; border-color: var(--color-rule); }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(thead,th) { background-color: var(--color-layer-alt); color: var(--color-ink); }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(th,td) { border-color: var(--color-rule); }
:root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is([role="tab"][aria-selected="true"],nav [aria-current="page"]) {
  border-bottom: 2px solid var(--color-accent); color: var(--color-accent);
}
@media (hover:hover) {
  :root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(.btn-primary,.button-primary,button[type="submit"]):hover { background: var(--color-accent-hover); }
}
@media (pointer:coarse) {
  :root[data-goat-carbon] body :not([data-goat-preview], [data-goat-preview] *):is(button,select,input:not([type="checkbox"]):not([type="radio"]):not([type="range"])) { min-height: 2.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  :root[data-goat-carbon] *, :root[data-goat-carbon] *::before, :root[data-goat-carbon] *::after {
    scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important;
  }
}
@media print { :root[data-goat-carbon] body { padding-top: 0; } }

/* Explicit adapters for independent service layouts; scientific visualizations are exempt. */
@media (max-width: 767px) {
  :root[data-goat-carbon]:is([data-goat-service="paperparts"],[data-goat-service="electronics"]) #root :is(nav,aside) :is(a,button),
  :root[data-goat-carbon][data-goat-service="electronics"] #root .favorites-button {
    min-height: 44px;
    min-width: 44px;
  }
}
:root[data-goat-carbon] body :is(#app,#root,.hub-layout,.min-h-screen) { min-height: calc(100dvh - var(--shell-height)); }
:root[data-goat-carbon] body :is(.site-header,.app-header,.hub-header,.appbar,.dt-aside) { top: var(--shell-height); }
:root[data-goat-carbon] body .dt-aside { max-height: calc(100dvh - var(--shell-height)); }
:root[data-goat-carbon] body :is(.dt-nav__item,.dt-nav__icon,.dt-tool__icon,.dt-btn,.dt-out,.dt-table-wrap,.hub-service-card,.hub-service-card__icon,.hub-search,.hub-chip) { border-radius: var(--radius-control); box-shadow: none; }
:root[data-goat-carbon] body .dt-nav__item.is-active { background: var(--color-layer-alt); color: var(--color-ink); border-left: 3px solid var(--color-accent); }
:root[data-goat-carbon] body .dt-nav__item.is-active .dt-nav__icon { color: var(--color-accent); background: none; }
:root[data-goat-carbon] body .dt-main { max-width: none; }
:root[data-goat-carbon] body .dt-brand__name { font-weight: 500; }
:root[data-goat-carbon] body :is(.dt-num,.dt-ta,.dt-out-inline) { font-family: var(--font-code); }
:root[data-goat-carbon][data-goat-service="mini"] .mt-shell { max-width: none; width: 100%; padding-inline: var(--space-lg); }
:root[data-goat-carbon][data-goat-service="mini"] :is(.mt-head,.mt-crumbs) { background: var(--color-layer); color: var(--color-ink); border-color: var(--color-rule); }
:root[data-goat-carbon][data-goat-service="mini"] :is(.mt-head,.mt-crumbs) :is(a,p,h1,span) { color: inherit; }
:root[data-goat-carbon][data-goat-service="mini"] :is(.mt-card,.mt-cat,.mt-tag,.mt-panel,.mt-search) { border-radius: 0; box-shadow: none; }
:root[data-goat-carbon][data-goat-service="problemforge"] #app { max-width: none; width: 100%; padding-inline: var(--space-lg); }
:root[data-goat-carbon][data-goat-service="bench"] body { background-image: none; }
:root[data-goat-carbon][data-goat-service="bench"] :is(.app-header__bar,.tabs,.app-main,.app-footer) { max-width: none; }
:root[data-goat-carbon][data-goat-service="bench"] .brand__mark { color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="bench"] .panel--sticky { top: calc(var(--shell-height) + 92px); }
:root[data-goat-carbon][data-goat-service="hub"] :is(.hub-hero,.hub-header,.hub-service-card__icon) { background: var(--color-layer); box-shadow: none; }
:root[data-goat-carbon][data-goat-service="hub"] .hub-hero { text-align: left; padding-block: var(--space-xl); border-bottom: var(--rule-width) solid var(--color-rule); }
:root[data-goat-carbon][data-goat-service="hub"] .hub-hero__heading { font-size: var(--text-display); font-weight: 400; }
:root[data-goat-carbon][data-goat-service="hub"] :is(.hub-service-card,.hub-filter-panel,.hub-faq) { border-radius: 0; box-shadow: none; }
/* Fixed-height application shells reserve the global header instead of overflowing it. */
:root[data-goat-carbon][data-goat-service="algoviz"] #root > .h-screen { height: calc(100dvh - var(--shell-height)); }
:root[data-goat-carbon][data-goat-service="algoviz"] #root .h-screen { height: calc(100dvh - var(--shell-height)); }
:root[data-goat-carbon][data-goat-service="world-atlas"] .outlet--map-mode { min-height: 0; }
/* Compiled Tailwind services: map chrome classes explicitly, not SVG fills/inline data colors. */
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.card,.bg-space-800,.bg-space-900,.bg-space-900\/95,.bg-space-800\/50,.bg-space-900\/50) { background-color: var(--color-layer); border-color: var(--color-rule); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.bg-space-700,.bg-space-600,.btn-secondary,.nav-link-active) { background-color: var(--color-layer-alt); color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.text-white,.text-gray-100,.text-gray-200,.text-gray-300) { color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.text-gray-400,.text-gray-500,.text-gray-600) { color: var(--color-ink-secondary); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.text-blue-300,.text-blue-400,.text-blue-500,.text-blue-600) { color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.border-space-600,.border-space-700,.border-space-800) { border-color: var(--color-rule); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root :is(.btn-primary,.bg-blue-600,.bg-blue-500) { background: var(--color-accent); color: var(--color-on-accent); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root .card .bg-gradient-to-br { background: var(--color-layer-alt); color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.bg-white,.bg-stone-50,.bg-stone-100,.card) { background: var(--color-layer); border-color: var(--color-rule); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.bg-stone-200,.bg-earth-50,.bg-earth-100,.btn-secondary) { background: var(--color-layer-alt); color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.text-stone-700,.text-stone-800,.text-stone-900,.text-white) { color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.text-stone-400,.text-stone-500,.text-stone-600,.text-earth-100) { color: var(--color-ink-secondary); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.text-earth-500,.text-earth-600,.text-earth-700,.nav-link.active) { color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.border-stone-200,.border-stone-300) { border-color: var(--color-rule); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.btn-primary,.bg-earth-600,.bg-earth-700) { background: var(--color-accent); color: var(--color-on-accent); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(header.bg-gradient-to-r,section.bg-gradient-to-br,.card .bg-gradient-to-br) { background: var(--color-layer-alt); color: var(--color-accent); box-shadow: none; }
:root[data-goat-carbon]:is([data-goat-service="earthsci"],[data-goat-service="astroref"]) #root :is(header.sticky,aside.sticky) { top: var(--shell-height); }
:root[data-goat-carbon]:is([data-goat-service="earthsci"],[data-goat-service="astroref"]) #root :is(.card,.btn-primary,.btn-secondary,.input-field) { border-radius: var(--radius-control); box-shadow: none; }
:root[data-goat-carbon]:is([data-goat-service="earthsci"],[data-goat-service="astroref"]) #root .card:hover { transform: none; border-color: var(--color-rule-strong); }
:root[data-goat-carbon]:is([data-goat-service="earthsci"],[data-goat-service="astroref"]) main > div > section:first-child { text-align: left; margin-bottom: var(--space-xl); }
:root[data-goat-carbon]:is([data-goat-service="earthsci"],[data-goat-service="astroref"]) main > div > section:first-child :is(h1,p) { margin-left: 0; }
@media (max-width:767px) {
  :root[data-goat-carbon][data-goat-service="mini"] .mt-shell,
  :root[data-goat-carbon][data-goat-service="problemforge"] #app { padding-inline: var(--space-md); }
}

:root[data-goat-carbon][data-goat-service="hub"] .hub-hero__content { max-width: none; min-height: 0; margin: 0; }
:root[data-goat-carbon][data-goat-service="hub"] .hub-service-card:hover { transform: none; }
:root[data-goat-carbon][data-goat-service="hub"] .hub-service-card__icon { border-radius: 0; background: none; color: var(--color-accent); }
:root[data-goat-carbon] .goat-seo {
  --gs-fg: var(--color-ink); --gs-muted: var(--color-ink-secondary);
  --gs-bd: var(--color-rule); --gs-accent: var(--color-accent);
  --gs-panel: var(--color-layer); --gs-card: var(--color-layer-alt);
  font-family: var(--font-body);
}
:root[data-goat-carbon] .goat-seo :is(.gs-panel,.gs-card,details,table) { border-radius: 0; box-shadow: none; }

:root[data-goat-carbon][data-goat-service="devref"] .app-shell,
:root[data-goat-carbon][data-goat-service="world-atlas"] #app { height: calc(100dvh - var(--shell-height)); min-height: calc(100dvh - var(--shell-height)); }
:root[data-goat-carbon][data-goat-service="design-playground"] aside > div:first-child h1 { background: none; color: var(--color-ink); }
@media (min-width:768px) {
  :root[data-goat-carbon][data-goat-service="design-playground"] aside { top: var(--shell-height); height: calc(100dvh - var(--shell-height)); }
}
@media (max-width:900px) {
  :root[data-goat-carbon][data-goat-service="devref"] :is(.app-sidebar,.sidebar-backdrop) { top: calc(var(--shell-height) + var(--header-height)); }
}

/* Review corrections: preserve local table scroll and improve inherited chrome contrast. */
:root[data-goat-carbon][data-goat-service="physref"] .table-wrap { position: relative; }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root .nav-link { color: var(--color-ink-secondary); }
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root .nav-link:hover,
:root[data-goat-carbon][data-goat-service="astroref"][data-theme] #root .nav-link-active { background: var(--color-layer-alt); color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root :not([data-goat-visualization], [data-goat-visualization] *, [id^="eon-"] *, .from-indigo-900 *):is(.text-earth-200,.text-earth-300) { color: var(--color-ink-secondary); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root aside .bg-sky-50 { background: var(--color-layer-alt); }
:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root aside :is(.text-sky-800,.text-sky-600) { color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="hub"] .hub-header { display: none; }
:root[data-goat-carbon][data-goat-service="hub"] .hub-hero__subheading { margin-inline: 0; }
:root[data-goat-carbon][data-goat-service="hub"] .hub-hero__cta { min-height: 48px; height: 48px; padding: 0 var(--space-lg); }
:root[data-goat-carbon][data-goat-service="hub"] .hub-service-card { text-decoration: none; color: var(--color-ink); }

:root[data-goat-carbon][data-goat-service="algoviz"][data-theme] {
  --gray-900: var(--channels-paper); --gray-800: var(--channels-layer);
  --gray-700: var(--channels-layer-alt); --gray-600: var(--channels-rule);
  --gray-500: var(--channels-secondary); --gray-400: var(--channels-secondary);
  --gray-300: var(--channels-ink); --gray-200: var(--channels-ink); --gray-100: var(--channels-ink);
}
:root[data-goat-carbon][data-goat-service="design-playground"][data-theme] {
  --color-primary-50: var(--color-layer-alt); --color-primary-100: var(--color-layer-alt);
  --color-primary-200: var(--color-rule); --color-primary-300: var(--color-accent);
  --color-primary-400: var(--color-accent); --color-primary-500: var(--color-accent);
  --color-primary-600: var(--color-accent-hover); --color-primary-700: var(--color-accent);
  --color-primary-800: var(--color-ink); --color-primary-900: var(--color-ink); --color-primary-950: var(--color-ink);
}
:root[data-goat-carbon][data-goat-service="design-playground"] button:not([style]):is(.bg-purple-500,.bg-purple-600,.bg-primary-500) { background: var(--color-accent); color: var(--color-on-accent); }
:root[data-goat-carbon][data-goat-service="design-playground"] button:not([style]):is(.bg-purple-500,.bg-purple-600,.bg-primary-500):hover { background: var(--color-accent-hover); }

:root[data-goat-carbon][data-goat-service="algoviz"] #root :is(.bg-blue-600,.bg-blue-500) { background: var(--color-accent); color: var(--color-on-accent); }
:root[data-goat-carbon][data-goat-service="algoviz"] #root :is(.text-blue-400,.text-blue-500) { color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="algoviz"] #root main { min-width: 0; }
@media (max-width:767px) {
  :root[data-goat-carbon][data-goat-service="algoviz"] #root .h-screen { height: auto; }
  :root[data-goat-carbon][data-goat-service="algoviz"] #root .h-screen > .flex { flex-direction: column; overflow: visible; }
  :root[data-goat-carbon][data-goat-service="algoviz"] #root aside { width: 100%; padding: var(--space-xs); border-bottom: 1px solid var(--color-rule); }
  :root[data-goat-carbon][data-goat-service="algoviz"] #root aside nav { display: flex; overflow-x: auto; gap: var(--space-xs); }
  :root[data-goat-carbon][data-goat-service="algoviz"] #root aside nav a { flex: none; margin: 0; padding: var(--space-xs) var(--space-sm); }
  :root[data-goat-carbon][data-goat-service="algoviz"] #root aside nav a .text-xs { display: none; }
  :root[data-goat-carbon][data-goat-service="algoviz"] #root main { width: 100%; overflow: visible; padding: var(--space-md); }
}

:root[data-goat-carbon][data-goat-service="standards"] :is(.content-summary,.related,.related-link) { background: var(--color-layer-alt); border-color: var(--color-rule); color: var(--color-ink); border-radius: 0; }
:root[data-goat-carbon][data-goat-service="standards"] :is(.related-heading,.related-label) { color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="standards"] :is(.faq-q,.faq-a,.related-desc) { color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="materialdb"] :is(.tabs,.segmented) button.active { background: var(--color-layer-alt); color: var(--color-accent); border-color: var(--color-accent); }
:root[data-goat-carbon][data-goat-service="design-playground"] #root :not([data-goat-preview], [data-goat-preview] *):is(aside,header,.bg-white) { background-color: var(--color-layer); }
:root[data-goat-carbon][data-goat-service="design-playground"][data-theme="dark"] #root :is(.dark\:bg-gray-900,.dark\:bg-gray-800) { background-color: var(--color-layer); }
:root[data-goat-carbon][data-goat-service="design-playground"][data-theme="dark"] #root :is(.dark\:text-gray-100,.dark\:text-gray-200,.dark\:text-gray-300) { color: var(--color-ink); }

/* Apply semantic colors by use, never replace Tailwind's luminance ramp with surfaces. */
:root[data-goat-carbon][data-goat-service="design-playground"] #root :not([data-goat-preview], [data-goat-preview] *):is(.bg-gray-50,.bg-gray-100) { background-color: var(--color-layer-alt); }
:root[data-goat-carbon][data-goat-service="design-playground"] #root :not([data-goat-preview], [data-goat-preview] *):is(.text-gray-700,.text-gray-800,.text-gray-900) { color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="design-playground"] #root :not([data-goat-preview], [data-goat-preview] *):is(.text-gray-400,.text-gray-500,.text-gray-600) { color: var(--color-ink-secondary); }
:root[data-goat-carbon][data-goat-service="design-playground"] #root pre { background: var(--color-inverse); color: var(--color-on-inverse); }
:root[data-goat-carbon][data-goat-service="design-playground"][data-theme="dark"] #root :not([data-goat-preview], [data-goat-preview] *):is(.dark\:bg-gray-900,.dark\:bg-gray-800) { background-color: var(--color-layer); }
:root[data-goat-carbon][data-goat-service="earthsci"] #root footer { background: var(--color-layer-alt); color: var(--color-ink-secondary); }

:root[data-goat-carbon][data-goat-service="earthsci"][data-theme] #root [data-goat-visualization] .bg-white { background-color: var(--color-diagram-white); }
:root[data-goat-carbon][data-goat-service="earthsci"] #root .overflow-x-auto > table { min-width: 40rem; }
:root[data-goat-carbon] .goat-seo :is(.gs-answer,.gs-cta,.gs-related a,.gs-formula,.gs-disclaimer,.sponsor-slot) { border-radius: 0; box-shadow: none; }
:root[data-goat-carbon] .goat-seo .gs-cta { background: var(--color-accent); color: var(--color-on-accent); }

/* Localized text must fit its card; keep tables and diagrams locally scrollable. */
:root[data-goat-carbon] :not([data-goat-preview], [data-goat-preview] *):is(h1,h2,h3,p,dt,dd,.dl-item,.summary-card,.category-card,.tool-card,.gs-answer,.gs-related a) { overflow-wrap: anywhere; }
:root[data-goat-carbon] .dt-nav__item { min-width: 0; overflow-wrap: anywhere; }
:root[data-goat-carbon] .dt-nav__item > :not(.dt-nav__icon) { min-width: 0; }
:root[data-goat-carbon] .dt-nav__icon { flex-shrink: 0; }
:root[data-goat-carbon][data-goat-service="everyday"] :is(.calc-mode,.dict-mode) li { overflow-wrap: anywhere; }
:root[data-goat-carbon][data-goat-service="physref"] .tabs { overflow-x: auto; }
:root[data-goat-carbon][data-goat-service="physref"] .tabs .tab { flex-shrink: 0; }
:root[data-goat-carbon][data-goat-service="omniconvert"] :is(.oc-shell,.oc-shell__nav,.oc-shell__main) { min-width: 0; }
:root[data-goat-carbon][data-goat-service="formula-ref"] .formula-list { grid-template-columns: minmax(0,1fr); }
:root[data-goat-carbon][data-goat-service="formula-ref"] :is(.formula-row,.formula-row__link,.formula-row__name) { min-width: 0; overflow-wrap: anywhere; }
:root[data-goat-carbon][data-goat-service="formula-ref"] .formula-row__tex { max-width: 100%; overflow-x: auto; }
:root[data-goat-carbon][data-goat-service="materialdb"] :is(.compare-panel,.compare-list,.compare-chip) { min-width: 0; }
:root[data-goat-carbon][data-goat-service="materialdb"] .compare-list { grid-template-columns: minmax(0,1fr); }
:root[data-goat-carbon][data-goat-service="earthsci"] [data-goat-visualization] p { overflow-wrap: anywhere; }
@media (max-width:767px) {
  :root[data-goat-carbon][data-goat-service="formula-ref"] .formula-row__link { flex-direction: column; align-items: stretch; gap: var(--space-xs); }
  :root[data-goat-carbon][data-goat-service="formula-ref"] :is(.formula-row__tex,.formula-row__cat) { text-align: start; }
}
:root[data-goat-carbon][data-goat-service="algoviz"] #root header a { color: var(--color-ink); }
:root[data-goat-carbon][data-goat-service="algoviz"] #root .algorithm-grid button.bg-green-600:not(.algorithm-stage *) { background: var(--color-accent); color: var(--color-on-accent); }
:root[data-goat-carbon][data-goat-service="algoviz"] #root .algorithm-grid button.bg-green-600:not(.algorithm-stage *):hover { background: var(--color-accent-hover); }

/* Physics and algorithm controls share the Oxford interaction color. */
:root[data-goat-carbon][data-goat-service="algoviz"] input[type="range"] {
  accent-color: var(--color-accent);
}

/* Oxford service adapters, shared by light and dark themes.
 * Restrict changes to named interface surfaces. Scientific illustrations,
 * pin-role colors, resistor bands and HTTP-status category colors remain intact.
 * Background and foreground must come from the same active semantic palette.
 */

/* FormulaRef's SPA supplies a separate radius token; examples use colored
 * surface tokens from the legacy detail view, rather than --spa-card-bg. */
:root[data-goat-carbon][data-goat-service="formula-ref"][data-theme] {
  --spa-radius: var(--radius-control);
  --color-section-bg: var(--color-layer-alt);
  --color-given-bg: var(--color-layer-alt);
  --color-step-bg: var(--color-layer-alt);
  --color-answer-bg: var(--color-success-soft);
  --color-primary-soft-border: var(--color-rule-strong);
}
:root[data-goat-carbon][data-goat-service="formula-ref"] .category-card {
  color: var(--color-ink);
  background: var(--color-layer);
  box-shadow: none;
}
:root[data-goat-carbon][data-goat-service="formula-ref"] .category-card:hover {
  background: var(--color-layer-alt);
  transform: none;
}
:root[data-goat-carbon][data-goat-service="formula-ref"] .formula-detail .badge.tag {
  background: var(--color-layer-alt);
  color: var(--color-ink-secondary);
}

/* OmniConvert's dedicated conversion/category routes use oc-* aliases. */
:root[data-goat-carbon][data-goat-service="omniconvert"][data-theme] {
  --oc-bg: var(--color-paper);
  --oc-surface: var(--color-layer);
  --oc-text: var(--color-ink);
  --oc-text-muted: var(--color-ink-secondary);
  --oc-border: var(--color-rule);
  --oc-accent: var(--color-accent);
  --color-focus-ring: var(--color-focus);
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}
:root[data-goat-carbon][data-goat-service="omniconvert"] .oc-header__logo {
  background: var(--color-accent);
  color: var(--color-on-accent);
}

/* Everyday's dictionary overrides its variables on a subtree. Root aliases
 * cannot win that inheritance boundary, so remap the dictionary itself. */
:root[data-goat-carbon][data-goat-service="everyday"][data-theme] .dict-mode {
  --d-panel: var(--color-layer);
  --d-panel-2: var(--color-layer-alt);
  --d-line: var(--color-rule);
  --d-ink-dim: var(--color-ink-secondary);
  --d-mint: var(--color-accent);
  --d-blue: var(--color-accent);
  --d-warn: var(--color-warning);
}
:root[data-goat-carbon][data-goat-service="everyday"][data-theme] .app-header {
  background: var(--color-layer);
  color: var(--color-ink);
  backdrop-filter: none;
}
:root[data-goat-carbon][data-goat-service="everyday"] :is(.calc-mode .hero-card, .dict-mode .dict-intro, .calc-mode .cat-tile) {
  background: var(--color-layer);
  color: var(--color-ink);
  border-radius: var(--radius-control);
  box-shadow: none;
}
:root[data-goat-carbon][data-goat-service="everyday"] :is(.calc-mode .cat-tile:hover, .calc-mode .calc-result, .calc-mode .linear-form, .calc-mode .tile-count) {
  background: var(--color-layer-alt);
  color: var(--color-ink);
  border-color: var(--color-rule);
  transform: none;
}
:root[data-goat-carbon][data-goat-service="everyday"][data-theme] :is(.mode-btn.active, .calc-mode .cat-chip.active, .dict-mode .topic-nav button[aria-selected="true"]) {
  background: var(--color-accent);
  color: var(--color-on-accent);
  border-color: var(--color-accent);
}

/* Electronics' fixed appbar has a literal white translucent background.
 * Only the chrome and explanatory fallback notice are adapted here. */
:root[data-goat-carbon][data-goat-service="electronics"][data-theme] .appbar {
  background: var(--color-layer);
  color: var(--color-ink);
  backdrop-filter: none;
}
:root[data-goat-carbon][data-goat-service="electronics"] .summary-card {
  background: var(--color-layer);
  color: var(--color-ink);
  box-shadow: none;
}
:root[data-goat-carbon][data-goat-service="electronics"] .summary-card:hover {
  background: var(--color-layer-alt);
}
:root[data-goat-carbon][data-goat-service="electronics"][data-theme] .fallback-text {
  background: var(--color-warning-soft);
  color: var(--color-ink);
}

/* DevRef: pair card colors without touching status-pill/status-card borders,
 * syntax tokens, ANSI previews or regex match colors used as reference data. */
:root[data-goat-carbon][data-goat-service="devref"] .entry-card {
  background: var(--color-layer);
  color: var(--color-ink);
  box-shadow: none;
}
:root[data-goat-carbon][data-goat-service="devref"] :is(.entry-card:hover, .entry-card.is-selected) {
  background: var(--color-layer-alt);
  color: var(--color-ink);
}

/* Carbon UI shell: persistent, full width; utilities never cover workspace content. */
:root[data-goat-carbon] #goat-controls {
  inset: 0 0 auto 0 !important; width: 100%; height: var(--shell-height);
  max-width: none; display: flex; flex-direction: row; align-items: center;
  gap: 0; padding: 0; background: var(--color-inverse); color: var(--color-on-inverse);
  border-bottom: var(--rule-width) solid var(--color-rule-strong); pointer-events: auto;
  font: 400 var(--text-sm)/1.3 var(--font-body);
}
:root[data-goat-carbon] #goat-controls .goat-shell-brand {
  display: flex; align-items: center; align-self: stretch; flex: none; min-height: var(--shell-height);
  padding: 0 var(--space-md); color: var(--color-on-inverse); background: var(--color-inverse); text-decoration: none;
  font-weight: 600; border-right: var(--rule-width) solid var(--color-rule-strong);
}
:root[data-goat-carbon] #goat-controls #goat-crumb {
  flex: 1; min-width: 0; max-width: none; background: none; border: 0; border-radius: 0;
  box-shadow: none; color: var(--color-on-inverse); padding: 0 var(--space-md);
  display: flex;
}
:root[data-goat-carbon] #goat-controls #goat-crumb a { color: var(--color-on-inverse); }
:root[data-goat-carbon] #goat-controls #goat-crumb-about,
:root[data-goat-carbon] #goat-dock-spacer { display: none !important; }
:root[data-goat-carbon] #goat-primary {
  margin-left: auto; align-items: center; flex-wrap: nowrap; height: 100%; gap: 0;
}
:root[data-goat-carbon] #goat-secondary { gap: 0; align-items: center; }
:root[data-goat-carbon] #goat-menu-wrap { height: 100%; }
:root[data-goat-carbon] #goat-controls .goat-pill,
:root[data-goat-carbon] #goat-controls.goat-controls--expanded .goat-pill {
  border: 0; border-left: var(--rule-width) solid var(--color-rule-strong);
  border-radius: 0; background: var(--color-inverse); color: var(--color-on-inverse);
  min-height: var(--shell-height); height: var(--shell-height); min-width: var(--shell-height);
  width: auto; padding: 0 var(--space-md); gap: var(--space-xs);
  box-shadow: none; justify-content: center; font: inherit;
}
:root[data-goat-carbon] #goat-controls .goat-pill-label { display: inline; }
:root[data-goat-carbon] #goat-controls .goat-pill svg { width: 20px; height: 20px; }
:root[data-goat-carbon] #goat-controls .goat-pill:hover { background: var(--color-accent); color: var(--color-on-accent); }
:root[data-goat-carbon] #goat-controls :is(a,button):focus-visible { outline: 2px solid var(--color-on-inverse); outline-offset: -3px; }
:root[data-goat-carbon] #goat-controls #goat-lang-menu {
  top: 100%; bottom: auto; right: 0; border-radius: 0; padding: 0;
  background: var(--color-layer); color: var(--color-ink);
  border: var(--rule-width) solid var(--color-rule-strong); box-shadow: none;
}
:root[data-goat-carbon] #goat-controls #goat-lang-menu a {
  min-height: 44px; border-radius: 0; color: var(--color-ink); border-bottom: var(--rule-width) solid var(--color-rule);
}
:root[data-goat-carbon] #goat-controls #goat-lang-menu a:hover,
:root[data-goat-carbon] #goat-controls #goat-lang-menu a[aria-current="true"] { background: var(--color-layer-alt); color: var(--color-accent); }
:root[data-goat-carbon] #goat-controls #goat-lang-menu a:focus-visible { outline-color: var(--color-focus); }
:root[data-goat-carbon] body.goat-dock-space { padding-bottom: 0; }
:root[data-goat-carbon] [data-goat-local-control] { display: none !important; }
:root[data-goat-carbon] :is(#theme-toggle,#lang-toggle,#lang-select,#lang-switcher,#lang-selector,#themeToggleBtn,.oc-lang-toggle,.oc-theme-toggle,.lang-switcher,.language-selector,.header__theme,.language-switcher,.lang-wrapper,.language-switch,.mt-langs) { display: none !important; }
@media (max-width: 767px) {
  :root[data-goat-carbon] #goat-controls #goat-secondary {
    position: absolute; top: 100%; bottom: auto; right: 0;
    display: none; flex-direction: column; align-items: stretch;
    border: var(--rule-width) solid var(--color-rule-strong);
    background: var(--color-inverse); padding: 0; border-radius: 0;
  }
  :root[data-goat-carbon] #goat-controls #goat-menu-wrap.is-open #goat-secondary { display: flex; }
  :root[data-goat-carbon] #goat-controls #goat-menu-btn { display: inline-flex; }
  :root[data-goat-carbon] #goat-controls #goat-secondary .goat-pill { width: 100%; justify-content: flex-start; white-space: nowrap; }
  :root[data-goat-carbon] #goat-controls #goat-crumb { padding: 0 var(--space-xs); }
  :root[data-goat-carbon] #goat-controls #goat-lang-btn { padding: 0 var(--space-xs); }
  :root[data-goat-carbon] #goat-controls .goat-shell-brand { padding: 0 var(--space-sm); }
}
@media print { :root[data-goat-carbon] #goat-controls { display: none !important; } }
:root[data-goat-embed] body { padding-top: 0; }

:root[data-goat-carbon][data-goat-service="hub"] .hub-header .md-menu,
:root[data-goat-carbon][data-goat-service="devref"] :is(.lang-selector,.theme-toggle) { display: none !important; }

:root[data-goat-carbon][data-goat-service="paper-search"] header [role="group"] { display: none !important; }

:root[data-goat-carbon][data-goat-service="formula-ref"] [data-lang-switch] { display: none; }