/* Consumer refinements. Canonical Design 2026.10.17 remains unchanged. */
.site-nav .nav-settings{display:flex;align-items:center;gap:4px;margin-inline-start:auto;padding:0;border:0}
.site-nav .theme-switch,.site-nav .locale-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:6px;color:var(--foreground-muted);background:transparent;line-height:1;transition:color .2s,background .2s,border-color .2s}
.site-nav .locale-switch{font:600 14px/1 Outfit,sans-serif;letter-spacing:.015em;direction:ltr;unicode-bidi:isolate}
.site-nav .theme-switch .ui-icon{width:21px;height:21px}
.site-nav .theme-switch:hover,.site-nav .locale-switch:hover{background:var(--hover);border-color:var(--border);color:var(--foreground-strong);filter:none}
.site-nav>a{display:flex;align-items:center;min-height:44px}
.site-nav .theme-switch>span{display:none}
.ui-icon[data-icon-family=boxicons]{stroke:none}
html[lang=en] .chaos-task strong{direction:ltr}
@media(max-width:900px){.site-nav{width:calc(100% - 36px)}.site-nav .nav-settings{gap:4px}.site-nav .locale-switch{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-nav .theme-switch,.site-nav .locale-switch{transition:none}}

/* Original monochrome marks need theme-aware contrast; colored assets stay intact. */
[data-theme=blue-dark] .tool-logo--openai-chatgpt img,[data-theme=blue-dark] img[src*=morgan-stanley]{filter:brightness(0) invert(1)}
[data-theme=blue-dark] .tool-logo--langsmith-langchain .logo-plaque{background:#f1f5f9;border-color:#cbd5e1}
[data-theme=paper-light] .tool-logo--codex .logo-plaque{background:#111827}
html[lang=fa] :is(button,input,textarea,select){font-family:IRANSansX,Outfit,sans-serif;font-variation-settings:'DOTS' 7}

[data-theme=blue-dark] .momentum-proof>img[src*=unilever],[data-theme=blue-dark] .momentum-proof>img[src*=walmart]{background:#f8fafc;padding:5px 8px;border-radius:5px;object-fit:contain}

[data-theme=blue-dark] .app-tool img[src*=openai-chatgpt]{filter:brightness(0) invert(1)}[data-theme=blue-dark] .app-tool img[src*=langsmith-langchain]{background:#f8fafc;padding:3px;border-radius:4px;width:26px;height:26px;box-sizing:content-box}[data-theme=paper-light] .app-tool img[src*=codex]{background:#111827;padding:3px;border-radius:4px}

/* Local families cover mixed-script UI, metrics and table cells on every surface. */
html[lang=fa] :is(bdi,code,pre){font-family:IRANSansX,Outfit,sans-serif;font-variation-settings:'DOTS' 7}
html[lang=fa] :is(code,pre,[data-file-path],.repository-browser bdi,.implementation-files bdi){font-family:ui-monospace,SFMono-Regular,IRANSansX,monospace;font-variation-settings:normal}
html[lang=fa] :is(.tool-logo,.tool-logo bdi,.app-tool,.wordmark,.locale-switch){font-family:Outfit,IRANSansX,sans-serif;font-variation-settings:normal;direction:ltr;unicode-bidi:isolate}
html[lang=fa] :is(h1,h2,h3,h4,p,th,td,small,button){font-synthesis:none}

.assembly-wordmark,.stack-caption>strong,.os-core>strong{font-family:Outfit,IRANSansX,sans-serif;direction:ltr;unicode-bidi:isolate}

/* Text tints derive from the unchanged semantic colors; surfaces retain their source tones. */
:root{--success-ink:var(--success);--warning-ink:var(--warning);--danger-ink:var(--destructive)}
:root[data-theme=paper-light]{--success-ink:color-mix(in srgb,var(--success) 70%,var(--foreground-strong));--warning-ink:color-mix(in srgb,var(--warning) 65%,var(--foreground-strong));--danger-ink:color-mix(in srgb,var(--destructive) 85%,var(--foreground-strong))}


/* Website destinations and guide phases are separate navigation systems. */
.site-nav.website-nav{position:relative;inset:auto;top:auto;margin:18px auto 0;width:calc(100% - 64px);max-width:1328px;height:66px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;overflow:visible;z-index:90}
.website-nav>.nav-settings{margin:0;justify-self:end}.website-nav>a{justify-self:start}.website-nav .site-primary-nav{display:flex;align-items:center;justify-content:center;gap:12px;grid-column:2;grid-row:1}.website-nav .site-destination{display:flex;align-items:center;gap:9px;min-height:46px;padding:5px 10px;border:1px solid transparent;border-radius:7px;color:var(--foreground-muted);transition:color .2s,background .2s,border-color .2s}.site-destination strong{font:650 13px/1.6 var(--font-sans)}.site-destination-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--border-strong);border-radius:5px;background:linear-gradient(145deg,var(--panel-raised),var(--panel));box-shadow:var(--edge);color:var(--foreground-muted);transition:transform .25s,color .25s,border-color .25s,box-shadow .25s}.site-destination-icon>.ui-icon{width:19px;height:19px}.website-nav .site-destination:is(:hover,:focus-visible,[aria-current=page]){color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--primary-soft)}.site-destination:is(:hover,:focus-visible,[aria-current=page])>.site-destination-icon{color:var(--primary);border-color:var(--primary);box-shadow:var(--edge),0 3px 8px #0002;transform:translateY(-1px)}.site-mobile-toggle{display:none;cursor:pointer;color:var(--foreground);border:1px solid var(--border-strong);border-radius:6px;background:linear-gradient(145deg,var(--panel-raised),var(--panel));width:44px;height:44px;align-items:center;justify-content:center;box-shadow:var(--edge)}
@media(max-width:800px){.site-nav.website-nav{width:calc(100% - 32px);grid-template-columns:1fr auto auto;gap:10px;margin-top:12px;height:60px}.website-nav>.site-mobile-toggle{display:flex;grid-column:2;grid-row:1}.website-nav>.nav-settings{grid-column:3;grid-row:1}.website-nav .site-primary-nav{display:none;position:absolute;inset-inline:0;top:calc(100% + 8px);padding:10px;grid-column:auto;grid-row:auto;background:linear-gradient(153deg,var(--panel-raised),var(--panel));border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--depth)}.website-nav[data-mobile-open=true] .site-primary-nav{display:grid;gap:6px}.website-nav .site-destination{padding:10px;min-height:48px;gap:12px}.site-destination strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.website-nav .site-destination,.site-destination-icon{transition:none}}

/* Monochrome vendor marks keep a stable identity surface in either theme. */
html[data-theme] img[src$="/openai-chatgpt.svg"],html[data-theme] img[src$="/opencode.svg"],html[data-theme] img[src$="/langfuse.svg"],html[data-theme] img[src$="/langsmith-langchain.svg"],html[data-theme] img[src$="/zendesk.svg"]{filter:none!important;background:#fff;border-radius:3px;box-sizing:border-box;padding:2px}
html[data-theme] .logo-plaque:has(>img[src$="/openai-chatgpt.svg"]),html[data-theme] .logo-plaque:has(>img[src$="/opencode.svg"]),html[data-theme] .logo-plaque:has(>img[src$="/langfuse.svg"]),html[data-theme] .logo-plaque:has(>img[src$="/langsmith-langchain.svg"]),html[data-theme] .logo-plaque:has(>img[src$="/zendesk.svg"]){background:#fff;border-color:#d6dbe3}
html[data-theme] img[src$="/codex.svg"]{filter:none!important;background:#111827;border-radius:3px;box-sizing:border-box;padding:2px}
html[data-theme] .logo-plaque:has(>img[src$="/codex.svg"]){background:#111827;border-color:#334155}