/* UNITIQX public design contract v1 — 2026-10-11.
   Opt-in, namespaced styles for existing public sites.
   Never affects an application unless explicitly imported.
*/
:root{
 --ux-bg:#f5f5f1;
 --ux-surface:#ffffff;
 --ux-text:#1c2529;
 --ux-muted:#5f6c70;
 --ux-accent:#247b67;
 --ux-accent-text:#ffffff;
 --ux-rail:#111c22;
 --ux-line:#dbe0da;
 --ux-focus:#e0a53e;
 --ux-radius-sm:8px;
 --ux-radius-md:14px;
 --ux-radius-lg:22px;
 --ux-spacing-1:4px;
 --ux-spacing-2:8px;
 --ux-spacing-3:12px;
 --ux-spacing-4:16px;
 --ux-spacing-6:24px;
 --ux-spacing-8:32px;
 --ux-spacing-12:48px;
 --ux-text-sm:12px;
 --ux-text-base:15px;
 --ux-text-lg:19px;
 --ux-heading:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --ux-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.ux-nav-shell{box-sizing:border-box;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:11px 16px;background:var(--ux-rail);color:#ecf8f2;font:13px/1.45 var(--ux-body);min-height:56px}
.ux-nav-shell *{box-sizing:border-box}
.ux-nav-shell .ux-brand{display:flex;align-items:center;gap:10px;font-weight:750;color:inherit;text-decoration:none;white-space:nowrap}
.ux-nav-shell .ux-brand img{width:31px;height:31px;border-radius:8px}
.ux-nav-shell nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.ux-nav-shell nav a{border-radius:7px;padding:9px 11px;color:#bed0cb;text-decoration:none;white-space:nowrap;font-size:12px}
.ux-nav-shell nav a:hover,.ux-nav-shell nav a[aria-current="page"]{color:#fff;background:#30483f}
.ux-nav-shell a:focus-visible{outline:3px solid var(--ux-focus);outline-offset:2px}
.ux-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border:1px solid var(--ux-accent);border-radius:var(--ux-radius-sm);padding:10px 14px;background:var(--ux-accent);color:var(--ux-accent-text);font:700 13px var(--ux-body);text-decoration:none}
.ux-button:hover{filter:brightness(.94)}
.ux-button:focus-visible{outline:3px solid var(--ux-focus);outline-offset:3px}
.ux-surface{background:var(--ux-surface);color:var(--ux-text);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);padding:var(--ux-spacing-6)}
@media(max-width:760px){.ux-nav-shell{align-items:start;flex-direction:column;gap:5px}.ux-nav-shell nav{max-width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}}
@media(prefers-reduced-motion:reduce){.ux-nav-shell *{scroll-behavior:auto!important}}