:root {
  color-scheme: dark;
  --conduit-background: #05070b;
  --conduit-reading-paper: #0c121c;
  --conduit-workbench-canvas: #05070b;
  --conduit-bootstrap-surface: #090d16;
  --conduit-surface: #090d16;
  --conduit-structure-primary: #0dd8f6;
  --conduit-structure-secondary: #0a1f87;
  --conduit-text-primary: #93d2f7;
  --conduit-text-secondary: #578ec9;
  --conduit-emphasis: #e9a325;
  --conduit-focus: #f4c400;
  --conduit-warning: #f2bd71;
  --conduit-failure: #ff7272;
  --conduit-success: #63d69b;
  --conduit-muted: #8c4c19;
  /* Short aliases remain available while product layout styles migrate to semantic names. */
  --ink: var(--conduit-text-primary);
  --muted: var(--conduit-text-secondary);
  --paper: var(--conduit-background);
  --panel: var(--conduit-reading-paper);
  --field: var(--conduit-bootstrap-surface);
  --line: #183d61;
  --green: var(--conduit-structure-primary);
  --green-dark: var(--conduit-text-primary);
  --amber: var(--conduit-emphasis);
  --focus: var(--conduit-focus);
  --failure: var(--conduit-failure);
  --conduit-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --conduit-font-editorial: Georgia, "Times New Roman", serif;
  --conduit-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --conduit-type-body: 16px;
  --conduit-type-small: 14px;
  --conduit-line-height: 150%;
  --conduit-space-unit: 4px;
  --conduit-space-control-inline: 10px;
  --conduit-space-control-block: 7px;
  --conduit-space-panel: 13px;
  --conduit-radius-control: 6px;
  --conduit-radius-panel: 9px;
  --conduit-focus-width: 3px;
  --conduit-responsive-breakpoint: 720px;
  --conduit-responsive-grid-min: 260px;
  box-sizing: border-box;
  color: var(--conduit-text-primary);
  background: var(--conduit-background);
  font: var(--conduit-type-body)/var(--conduit-line-height) var(--conduit-font-body);
}
:where([data-application-theme]) {
  box-sizing: border-box;
  color: var(--conduit-text-primary);
  background: var(--conduit-background);
  font: var(--conduit-type-body)/var(--conduit-line-height) var(--conduit-font-body);
}
@media (prefers-color-scheme: light) {
  :root {
    --conduit-background: #eef5f8;
    --conduit-reading-paper: #ffffff;
    --conduit-workbench-canvas: #e5eff4;
    --conduit-bootstrap-surface: #f7fbfd;
    --conduit-surface: #ffffff;
    --conduit-structure-primary: #00758c;
    --conduit-structure-secondary: #9ab8d1;
    --conduit-text-primary: #17364d;
    --conduit-text-secondary: #496b82;
    --conduit-emphasis: #9a5b00;
    --conduit-focus: #775d00;
    --conduit-warning: #8a5200;
    --conduit-failure: #a32d37;
    --conduit-success: #08784e;
    --conduit-muted: #7b654f;
    --line: #b8cfdd;
    --green-dark: #174f68;
    color-scheme: light;
  }
}
:where([data-application-theme]) *, :where([data-application-theme]) *::before, :where([data-application-theme]) *::after { box-sizing: inherit; }
.conduit-skip-link {
  position: fixed; z-index: 2147483647; inset-block-start: var(--conduit-space-unit); inset-inline-start: var(--conduit-space-unit);
  padding: var(--conduit-space-control-block) var(--conduit-space-control-inline); border: 2px solid var(--conduit-focus);
  border-radius: var(--conduit-radius-control); color: var(--conduit-background); background: var(--conduit-focus);
  font: 700 var(--conduit-type-small)/1.2 var(--conduit-font-body); text-decoration: none; transform: translateY(calc(-100% - 1rem));
}
.conduit-skip-link:focus { outline: var(--conduit-focus-width) solid var(--conduit-background); outline-offset: 2px; transform: none; }
.visually-hidden { position:absolute!important; inline-size:1px!important; block-size:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
:where([data-application-syntax="conduit"]) { position: relative; min-width: 0; }
:where([data-application-syntax="conduit"] .syntax-editor) { position: relative; width: 100%; height: 100%; min-width: 0; color:#e9f1ec; background:#071018; }
:where([data-application-syntax="conduit"] .syntax-highlight) {
  position: absolute; inset: 0; z-index: 0; margin: 0; padding: var(--conduit-syntax-padding, var(--conduit-space-control-block) var(--conduit-space-control-inline));
  overflow: hidden; color: #e9f1ec; background: transparent; pointer-events: none;
  white-space: pre-wrap; overflow-wrap: normal;
  font: 500 var(--conduit-syntax-size, .91rem)/var(--conduit-syntax-line-height, 1.65) var(--conduit-font-mono); tab-size: 4;
}
[data-application-syntax="conduit"] .syntax-editor > textarea {
  display: block; width: 100%; border: 0;
  padding: var(--conduit-syntax-padding, var(--conduit-space-control-block) var(--conduit-space-control-inline));
  position: relative; z-index: 1; color: transparent; caret-color: #fff; background: transparent;
  -webkit-text-fill-color: transparent;
  font: 500 var(--conduit-syntax-size, .91rem)/var(--conduit-syntax-line-height, 1.65) var(--conduit-font-mono); tab-size: 4;
}
[data-application-syntax="conduit"] .syntax-editor > textarea::selection {
  /* Selection paints readable glyphs above the backdrop. */
  color: #fff; background: rgb(119 218 168 / 45%); -webkit-text-fill-color: #fff;
}
:where(.syntax-comment) { color: #91aa9d; font-style: italic; }
:where(.syntax-keyword) { color: #ffcf70; font-weight: 750; }
:where(.syntax-name) { color: #e9f1ec; }
:where(.syntax-identity) { color: #8ddfc0; }
:where(.syntax-string) { color: #ffd7a0; }
:where(.syntax-number, .syntax-literal) { color: #d9b8ff; }
:where(.syntax-operator) { color: #ff9f8f; }
:where(.syntax-delimiter) { color: #b9cbc1; }
:where([data-application-component="stack"], [data-application-component="form-field"]) { display: grid; gap: var(--conduit-space-unit); }
:where([data-application-component="choice-group"]) { display:grid; gap:var(--conduit-space-unit); min-inline-size:0; margin:0; padding:0; border:0; }
:where([data-application-component="choice-group-label"]) { margin-block-end:var(--conduit-space-unit); font-weight:700; }
:where([data-application-component="choice-option-label"]) { display:flex; align-items:center; gap:var(--conduit-space-unit); width:max-content; cursor:pointer; }
:where(input[type="checkbox"], input[type="radio"])[data-application-component] { appearance:auto; inline-size:1.1rem; block-size:1.1rem; margin:0; padding:0; accent-color:var(--conduit-emphasis); cursor:pointer; }
:where([data-application-component="choice-option-label"]):has(input:focus-visible) { outline:var(--conduit-focus-width) solid var(--conduit-focus); outline-offset:2px; }
:where([data-application-component="grid"]) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--conduit-responsive-grid-min)), 1fr)); gap: var(--conduit-space-panel); }
:where([data-application-component="action-group"], [data-application-component="navigation"], [data-application-component="stepper"]) { display: flex; flex-wrap: wrap; gap: var(--conduit-space-unit); }
:where([data-application-key="product-masthead"]) { min-height:3.75rem; padding:.7rem max(1.25rem,calc((100vw - 96rem)/2)); display:flex; align-items:center; justify-content:space-between; gap:1.5rem; color:var(--conduit-text-primary); background:var(--conduit-surface); border-bottom:1px solid var(--conduit-structure-secondary); font-size:.82rem; }
:where([data-application-key="product-navigation"]) { position:static; inset:auto; flex:1; width:auto; max-width:none; margin:0; padding:0; display:flex; align-items:center; flex-wrap:wrap; gap:1.35rem; border:0; background:transparent; }
:where([data-application-component="navigation-link"], [data-application-component="link"]) { color:var(--conduit-text-secondary); text-decoration:none; font-weight:720; letter-spacing:.02em; }
:where([data-application-component="navigation-link"], [data-application-component="link"]):hover { color:var(--conduit-text-primary); }
:where([data-application-component="navigation-link"], [data-application-component="link"]):focus-visible { outline:var(--conduit-focus-width) solid var(--conduit-focus); outline-offset:3px; }
:where([data-application-component="navigation-link"])[aria-current="page"] { color:var(--conduit-emphasis); }
:where([data-application-component="navigation-link"])[aria-current="page"]:hover { color:var(--conduit-text-primary); }
:where([data-application-key="home"]) { margin-inline-end:auto; color:var(--conduit-structure-primary); font-family:var(--conduit-font-mono); letter-spacing:.08em; }
:where([data-application-key="product-status"]) { margin-inline-start:auto; color:var(--conduit-text-secondary); text-align:end; }
@media (max-width:650px) { :where([data-application-key="product-masthead"]) { align-items:flex-start; flex-wrap:wrap; gap:.55rem 1rem; } :where([data-application-key="product-navigation"]) { order:3; width:100%; } }
:where([data-application-component="panel"], [data-application-component="artifact"], [data-application-evidence]) {
  padding: var(--conduit-space-panel);
  border: 1px solid var(--conduit-structure-secondary);
  border-radius: var(--conduit-radius-panel);
  background: var(--conduit-surface);
}
:where(button, input:not([type="checkbox"]):not([type="radio"]), select, textarea, summary)[data-application-component] {
  padding: var(--conduit-space-control-block, .65rem) var(--conduit-space-control-inline, 1rem);
  color: inherit;
  border: 1px solid var(--conduit-structure-secondary);
  border-radius: var(--conduit-radius-control, .6rem);
  background: var(--conduit-surface);
  font: inherit;
}
:where([data-application-theme] button, [data-application-theme] input:not([type="checkbox"]):not([type="radio"]), [data-application-theme] select, [data-application-theme] textarea, [data-application-theme] summary) {
  min-height: 2.5rem; padding: var(--conduit-space-control-block) var(--conduit-space-control-inline); color: inherit;
  border: 1px solid var(--conduit-structure-secondary); border-radius: var(--conduit-radius-control); background: var(--conduit-surface); font: inherit;
}
:where([data-application-theme] button, [data-application-theme] select) { font-weight: 650; cursor: pointer; }
:where([data-application-theme] button, [data-application-theme] select):disabled { cursor: not-allowed; opacity: .48; }
:where([data-application-theme] button, [data-application-theme] input, [data-application-theme] select, [data-application-theme] textarea, [data-application-theme] summary, [data-application-theme] a):focus-visible {
  border-color: var(--conduit-focus); outline: var(--conduit-focus-width) solid var(--conduit-focus); outline-offset: 2px;
}
:where(button[data-application-component]) {
  min-height: 2.5rem;
  border-color: color-mix(in srgb, var(--conduit-structure-primary) 58%, var(--conduit-structure-secondary));
  background: linear-gradient(180deg, color-mix(in srgb, var(--conduit-structure-primary) 10%, var(--conduit-surface)), var(--conduit-surface));
  box-shadow: inset 0 1px rgb(255 255 255 / 10%), 0 2px 0 color-mix(in srgb, var(--conduit-structure-secondary) 72%, #000);
  font-weight: 720;
  letter-spacing: .01em;
  cursor: pointer;
  transition: color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
:where(button[data-application-component]:not(:disabled)):hover { color:var(--conduit-emphasis); border-color:var(--conduit-emphasis); box-shadow:inset 0 1px rgb(255 255 255 / 14%),0 3px 0 color-mix(in srgb,var(--conduit-emphasis) 40%,#000),0 0 1rem color-mix(in srgb,var(--conduit-structure-primary) 16%,transparent); transform:translateY(-1px); }
:where(button[data-application-component]:not(:disabled)):active { box-shadow:inset 0 1px 4px rgb(0 0 0 / 35%); transform:translateY(1px); }
:where(button[data-application-component]:disabled) { cursor:not-allowed; opacity:.48; box-shadow:none; }
:where(select[data-application-component]) {
  min-height:2.5rem; appearance:none; padding-inline-end:2.7rem;
  border-color:color-mix(in srgb,var(--conduit-structure-primary) 58%,var(--conduit-structure-secondary));
  background-image:linear-gradient(45deg,transparent 50%,var(--conduit-emphasis) 50%),linear-gradient(135deg,var(--conduit-emphasis) 50%,transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--conduit-structure-primary) 10%,var(--conduit-surface)),var(--conduit-surface));
  background-position:calc(100% - 1rem) 50%,calc(100% - .7rem) 50%,0 0; background-size:.36rem .36rem,.36rem .36rem,100% 100%; background-repeat:no-repeat;
  box-shadow:inset 0 1px rgb(255 255 255 / 10%),0 2px 0 color-mix(in srgb,var(--conduit-structure-secondary) 72%,#000); font-weight:650; cursor:pointer;
  transition:border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease;
}
:where(select[data-application-component]:not(:disabled)):hover { border-color:var(--conduit-emphasis); box-shadow:inset 0 1px rgb(255 255 255 / 14%),0 3px 0 color-mix(in srgb,var(--conduit-emphasis) 40%,#000); transform:translateY(-1px); }
:where(select[data-application-component]:disabled) { cursor:not-allowed; opacity:.48; box-shadow:none; }
:where(button, input:not([type="checkbox"]):not([type="radio"]), select, textarea, summary)[data-application-component]:focus-visible {
  border-color: var(--conduit-focus);
  outline: var(--conduit-focus-width) solid var(--conduit-focus);
  outline-offset: 2px;
}
:where([data-application-status="ordinary"]) { color: var(--conduit-text-secondary); }
:where([data-application-status="warning"], [data-application-evidence="refused"], [data-application-evidence="stale"]) { color: var(--conduit-warning); }
:where([data-application-status="failure"], [data-application-evidence="failed"]) { color: var(--conduit-failure); }
:where([data-application-status="success"], [data-application-evidence="succeeded"]) { color: var(--conduit-success); }
:where([data-application-theme][data-conduit-contrast="high"]) {
  --conduit-surface: var(--conduit-background) !important;
  --conduit-text-secondary: var(--conduit-text-primary) !important;
  --conduit-structure-secondary: var(--conduit-focus) !important;
}
@media (max-width: 720px) {
  :where([data-application-theme] [data-application-responsive="stack"]) { display: flex; flex-direction: column; }
  :where([data-application-theme] [data-application-component="grid"]) { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { :where(button[data-application-component],select[data-application-component]) { transition:none; } }
