/* Shared four-part Appearance controls. Host material adapters remain opt-in. */
.wata-drawer .wata-appearance-controls .wata-setting-label{font-size:.75rem;overflow-wrap:anywhere}
.wata-drawer .wata-appearance-controls .wata-accent-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.5rem),1fr))}
.wata-drawer .wata-appearance-controls .wata-accent-options>button{font-size:.75rem;min-width:0;min-height:58px}
.wata-drawer .wata-appearance-controls button>span:not([aria-hidden]){max-width:100%;white-space:normal;overflow-wrap:anywhere}
.wata-drawer .wata-appearance-controls :is(.wata-mode-options,.wata-material-options,.wata-selection-options){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wata-drawer .wata-mode-options:has([data-wata-mode="auto"]){grid-template-columns:repeat(3,minmax(0,1fr))}
.wata-drawer .wata-appearance-controls :is(.wata-mode-options,.wata-material-options,.wata-selection-options)>button{position:relative;box-sizing:border-box;min-width:0;min-height:68px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--wd-line);border-radius:11px;background:transparent;color:var(--wd-text);font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.35;cursor:pointer}
.wata-drawer .wata-appearance-controls .wata-mode-preview{height:22px;max-width:100%;margin:0}
.wata-drawer .wata-mode-preview.auto{background:linear-gradient(90deg,#f5f5f5 50%,#151515 50%)}
.wata-drawer .wata-accent-options>button{min-height:58px}
.wata-drawer .wata-setting-label:not(:first-child){margin-top:16px}
.wata-drawer :is(.wata-material-options,.wata-selection-options)>button[aria-pressed="true"]{outline:2px solid var(--wd-focus);outline-offset:1px}
.wata-drawer :is(.wata-material-options,.wata-selection-options)>button>b{position:absolute;right:6px;top:4px;font-size:12px}
.wata-material-preview{width:48px;height:22px;box-sizing:border-box;border:1px solid var(--wd-focus);border-radius:6px;background:var(--wf-surface,var(--panel,#161616))}
.wata-material-preview.glass{background:linear-gradient(135deg,#ffffff66,transparent),repeating-linear-gradient(135deg,transparent 0 7px,#8293a650 7px 9px)}
.wata-selection-preview{display:grid;place-items:center;width:48px;height:22px;border:1px solid var(--wd-line);border-radius:6px;background:#030303;color:var(--wf-bright,#39d5f4)}
.wata-selection-preview.accent{background:var(--wf-bright,#39d5f4);color:#030303}
/* Hosts mark navigation destinations explicitly. Never target action/accordion states. */
html [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){background:#030303!important;color:var(--wf-bright,#39d5f4)!important}
html[data-wata-menu-selection="accent"] [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){background:var(--wf-bright,#39d5f4)!important;color:#030303!important}
html[data-wata-menu-material="solid"] [data-wata-menu-surface]{background:var(--wata-menu-solid,var(--wf-surface,#161616))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html [data-wata-menu-surface]{background:var(--wata-menu-solid,var(--wf-surface,#161616))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html [data-wata-menu-surface]{background:var(--wata-menu-solid,var(--wf-surface,#161616))!important}}
@media(prefers-reduced-motion:reduce){html [data-wata-menu-surface],.wata-appearance-controls *{animation:none!important;transition:none!important}}
@media(forced-colors:active){html [data-wata-menu-surface]{background:Canvas!important;border-color:CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-wata-menu-selection] [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){background:Highlight!important;color:HighlightText!important}.wata-drawer .wata-appearance-controls button[aria-pressed="true"]{outline:2px solid Highlight}.wata-selection-preview{border-color:CanvasText}}

/* Let the drawer body own scrolling, not a legacy two-group inner panel. */
.wata-drawer :has(>.wata-appearance-controls){max-height:none;overflow:visible}

/* Keep fixed-theme samples fixed even under host span overrides. */
.wata-drawer .wata-appearance-controls .wata-selection-preview.black{background:#030303!important;color:var(--wf-bright,#39d5f4)!important}
.wata-drawer .wata-appearance-controls .wata-selection-preview.accent{background:var(--wf-bright,#39d5f4)!important;color:#030303!important}
/* Reflective navigation material. Hosts opt in; forms/content remain untouched. */
[data-wata-glass-housing]{position:relative;isolation:isolate;border:1px solid transparent;--wata-nav-bright:var(--wf-bright,#39d5f4);background:linear-gradient(145deg,#ffffff12,transparent 65%),rgba(18,18,18,.64);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-shadow:inset 0 1px 2px #ffffff12,0 8px 24px #0003}
[data-wata-glass-housing]:after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.25px;pointer-events:none;z-index:4;background:conic-gradient(from var(--wata-rim-angle,0deg),#ffffff70,#ffffff14 16%,color-mix(in srgb,var(--wata-nav-bright) 18%,transparent) 29%,#ffffff10 39%,#ffffff60 51%,#ffffff12 67%,#ffffff14 89%,#ffffff70);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.wata-glass-nav{touch-action:pinch-zoom}
.wata-glass-nav [data-wata-menu-nav]:focus-visible,.wata-drawer .wata-appearance-controls button:focus-visible{outline:2px solid var(--wd-focus,var(--wf-bright,#39d5f4));outline-offset:-3px}
.wata-glass-nav [data-wata-menu-nav]{position:relative;z-index:2;box-sizing:border-box;min-width:0;user-select:none;-webkit-user-select:none;color:#f5f5f5}
html .wata-glass-nav [data-wata-menu-nav]:not([aria-current="page"]):not([aria-selected="true"]):not([aria-pressed="true"]):hover{background:color-mix(in srgb,var(--wata-nav-bright) 14%,transparent)!important;color:var(--wata-nav-bright)!important}
html .wata-glass-nav [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){background:transparent!important;color:var(--wata-nav-bright)!important}
html[data-wata-menu-selection="accent"] .wata-glass-nav [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){background:transparent!important;color:#030303!important}
.wata-glass-lens{position:absolute;left:0;top:0;z-index:1;pointer-events:none;box-sizing:border-box;border:1px solid transparent;border-radius:var(--wata-nav-radius,24px);background:#030303;transition:transform 280ms cubic-bezier(.2,.85,.25,1.1),width 200ms,height 200ms,background 160ms,box-shadow 160ms}
html[data-wata-menu-selection="accent"] .wata-glass-lens{background:var(--wata-nav-bright)}
.wata-glass-held .wata-glass-lens{background:linear-gradient(125deg,#ffffff2b,transparent 45%),rgba(20,28,30,.35)!important;backdrop-filter:blur(7px) saturate(1.5);-webkit-backdrop-filter:blur(7px) saturate(1.5);box-shadow:inset 0 1px 2px #ffffff88,inset 1px 0 1px #ffffff33,inset 0 -1px 2px #ffffff55,0 6px 16px #0005;transition:transform 60ms linear,background 150ms,box-shadow 150ms}
html .wata-glass-held [data-wata-menu-nav]{color:#f5f5f5!important}
html .wata-glass-held [data-wata-nav-preview]{color:var(--wata-nav-bright)!important}
html[data-wata-menu-material="solid"] [data-wata-glass-housing]{--wata-menu-solid:#1b1b1b;border-color:var(--wata-nav-bright)}
html[data-wata-menu-material="solid"] [data-wata-glass-housing]:after{display:none}
@media(prefers-reduced-motion:reduce){.wata-glass-lens{transition:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){[data-wata-glass-housing]{--wata-menu-solid:#1b1b1b;border-color:currentColor}[data-wata-glass-housing]:after{display:none}}
@media(forced-colors:active){[data-wata-glass-housing]:after{display:none}.wata-glass-lens{background:Highlight!important}html .wata-glass-nav [data-wata-menu-nav]{color:CanvasText!important}html .wata-glass-nav [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){color:HighlightText!important}}

/* Opt-in colored reflective card edge; preserve solid content and host geometry. */

[data-wata-card-rim]{position:relative;isolation:isolate;border-color:color-mix(in srgb,var(--card-accent) 55%,transparent);--card-accent:var(--wf-bright,#29d8f2)}
[data-wata-card-rim]:after{content:"";position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;z-index:3;background:conic-gradient(from -25deg,color-mix(in srgb,var(--card-accent) 45%,white),var(--card-accent) 12%,color-mix(in srgb,var(--card-accent) 20%,transparent) 29%,color-mix(in srgb,var(--card-accent) 35%,transparent) 42%,color-mix(in srgb,var(--card-accent) 60%,white) 54%,var(--card-accent) 62%,color-mix(in srgb,var(--card-accent) 18%,transparent) 79%,var(--card-accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}

:root:is([data-theme="light"],[data-appearance="light"]) [data-wata-card-rim],:root:has(body[data-theme="light"],body[data-applied-theme="light"]) [data-wata-card-rim]{border-color:color-mix(in srgb,var(--card-accent) 75%,black)!important}
:root:is([data-theme="light"],[data-appearance="light"]) [data-wata-card-rim]:after,:root:has(body[data-theme="light"],body[data-applied-theme="light"]) [data-wata-card-rim]:after{filter:brightness(.8) saturate(1.15)}
html[data-wata-menu-material="solid"] [data-wata-card-rim]:after{display:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){[data-wata-card-rim]:after{display:none}}
@media(forced-colors:active){[data-wata-card-rim]{border-color:CanvasText!important}}

@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){[data-wata-card-rim]:after{display:none}}

/* October 11: content-backed material with the approved colored perimeter. */
html:not([data-wata-menu-material="solid"]) [data-wata-glass-housing]{background:linear-gradient(165deg,#ffffff14,transparent 40%,#ffffff06),rgba(19,23,26,.48);border-color:var(--wata-nav-bright);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 1px 1px #ffffff58,inset 0 -1px 1px #ffffff18,0 8px 24px #0003}
html [data-wata-glass-housing]:after{padding:1px;background:linear-gradient(155deg,#ffffffa0,transparent 23%,#ffffff0a 52%,#ffffff65 84%,transparent);opacity:.65}
html:is([data-theme="light"],[data-appearance="light"]):not([data-wata-menu-material="solid"]) [data-wata-glass-housing],html:not([data-wata-menu-material="solid"]):has(body[data-theme="light"],body[data-applied-theme="light"]) [data-wata-glass-housing]{background:linear-gradient(165deg,#ffffff40,transparent 60%),rgba(250,252,253,.72);border-color:var(--wf-accent,#007d96)}
html:is([data-theme="light"],[data-appearance="light"]):not([data-wata-menu-material="solid"]) .wata-glass-nav [data-wata-menu-nav]:not([aria-current="page"]):not([aria-selected="true"]):not([aria-pressed="true"]),html:not([data-wata-menu-material="solid"]):has(body[data-theme="light"],body[data-applied-theme="light"]) .wata-glass-nav [data-wata-menu-nav]:not([aria-current="page"]):not([aria-selected="true"]):not([aria-pressed="true"]){color:#17252b}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html:not([data-wata-menu-material="solid"]) [data-wata-glass-housing]{background:var(--wata-menu-solid,#1b1b1b)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html .wata-glass-nav [data-wata-menu-nav]:not([aria-current="page"]):not([aria-selected="true"]):not([aria-pressed="true"]){color:#f5f5f5!important}html [data-wata-glass-housing]:after{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html [data-wata-glass-housing]{background:var(--wata-menu-solid,#1b1b1b)!important}html .wata-glass-nav [data-wata-menu-nav]:not([aria-current="page"]):not([aria-selected="true"]):not([aria-pressed="true"]){color:#f5f5f5!important}}
@media(forced-colors:active){html [data-wata-glass-housing]{background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important;backdrop-filter:none!important}html .wata-glass-nav [data-wata-menu-nav]:not([aria-current="page"]):not([aria-selected="true"]):not([aria-pressed="true"]){color:CanvasText!important}html .wata-glass-nav [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){color:HighlightText!important}}

/* Consistent filled rail selection; saved Black preference remains available. */
html body :is(#rail #railNav .station-item,.suite-learning-rail button)[aria-current="page"]{background:var(--wf-bright,#20d7ff)!important;color:#071014!important;border-color:transparent!important;box-shadow:none!important;}
html[data-wata-menu-selection="black"] body :is(#rail #railNav .station-item,.suite-learning-rail button)[aria-current="page"]{background:#030303!important;color:var(--wf-bright,#20d7ff)!important;}
html body #rail #railNav .wata-glass-lens{display:none!important;}
html body #rail #railNav .station-item[aria-current="page"]::before,html body #rail #railNav .station-item[aria-current="page"]::after{display:none!important;}
html body :is(#rail #railNav .station-item,.suite-learning-rail button)[aria-current="page"] svg{color:inherit!important;}
@media(forced-colors:active){html body :is(#rail #railNav .station-item,.suite-learning-rail button)[aria-current="page"]{background:Highlight!important;color:HighlightText!important;}}
/* A settled selection is painted by its button, independent of lens measurement. */
html{--wata-selection-fill:var(--wf-bright,#20d7ff);--wata-selection-ink:#071014}
html[data-wata-menu-selection="black"]{--wata-selection-fill:#030303;--wata-selection-ink:var(--wf-bright,#20d7ff)}
html body .wata-glass-nav:not(.wata-glass-held) .wata-glass-lens{visibility:hidden!important}
html body .wata-glass-nav:not(.wata-glass-held) [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]){background:var(--wata-selection-fill)!important;color:var(--wata-selection-ink)!important;box-shadow:none!important;border-color:transparent!important}
html body .wata-glass-nav:not(.wata-glass-held) [data-wata-menu-nav]:is([aria-current="page"],[aria-selected="true"],[aria-pressed="true"]) :is(svg,.nav-icon){color:inherit!important}
@media(forced-colors:active){html{--wata-selection-fill:Highlight!important;--wata-selection-ink:HighlightText!important}}
/* Current four accent choices override legacy monochrome/blue host mappings. */
:root:has([data-wata-accent="cyan"][aria-pressed="true"]){--wf-bright:#20d7ff!important;--wf-accent-light:#007da8!important;--wf-on-fill:#071014!important}
:root:has([data-wata-accent="pink"][aria-pressed="true"]){--wf-bright:#ff71bc!important;--wf-accent-light:#a22166!important;--wf-on-fill:#071014!important}
:root:has([data-wata-accent="orange"][aria-pressed="true"]){--wf-bright:#ffab54!important;--wf-accent-light:#934800!important;--wf-on-fill:#071014!important}
:root:has([data-wata-accent="blue"][aria-pressed="true"]){--wf-bright:#64f58a!important;--wf-accent-light:#18723b!important;--wf-on-fill:#071014!important}
html[data-wata-menu-selection] body #quickLinks.wata-glass-nav>button:is(.active,[aria-current="page"]){background:var(--wata-selection-fill)!important;color:var(--wata-selection-ink)!important;box-shadow:none!important}