/* ========================================================================== DAC — styles for departments.html Loads after assets/css/site.css and overrides it where they differ. ========================================================================== */ :root{ --bg:#EDEEF5;--card:#FFFFFF;--ink:#1a1a1a;--body:#52525b;--muted:#8e8e8e;--faint:#a8a8b3; --line:rgba(0,0,0,.07);--brand:#B026FF;--brand-deep:#8A12D8;--brand-lite:#C558FF; --dark:#111116;--ok:#16A34A;--err:#DC2626;--warn:#D97706; } html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip} body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased;overflow-x:clip;line-height:1.6} a{color:inherit} .narrow{max-width:900px} .rv{opacity:0;transform:translateY(16px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)} /* ── NAV ── */ nav{position:fixed;inset:0 0 auto 0;z-index:50;padding:1.15rem 0;border-bottom:1px solid transparent;transition:all .3s} .ghost{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(0,0,0,.12);border-radius:999px; padding:.55rem 1.1rem;font-size:.79rem;color:var(--body);text-decoration:none;transition:.2s;white-space:nowrap} @media(max-width:560px){ .ghost span{display:none} } /* full-screen menu — a direct child of . Never put it inside