:root{--tc-navy:#142b4a;--tc-blue:#245b91;--tc-sky:#78a9d1;--tc-pale:#e7f0f7;--tc-bg:#f3f7fa;--tc-white:#fff;--tc-line:#d6e1ea;--tc-muted:#657487;--tc-green:#2e7d65;--tc-shadow:0 18px 50px rgba(20,43,74,.08)}
html{scroll-behavior:smooth}
body{background-image:radial-gradient(circle at 8% 5%,rgba(120,169,209,.11),transparent 28rem)}
.topbar{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(20,43,74,.08)}
.brand-mark{box-shadow:0 8px 20px rgba(20,43,74,.15);transform:none}
.main-nav{padding:5px;background:#f4f7fa;border:1px solid #e4ebf1;border-radius:12px}
.main-nav a{transition:background .18s ease,color .18s ease,transform .18s ease}
.main-nav a:hover{transform:translateY(-1px)}
.top-note{padding:7px 10px;border:1px solid var(--tc-line);border-radius:999px;background:#fff}
footer{border-top:1px solid var(--tc-line);padding-top:28px!important}
a,button{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.panel,.module-workspace,.law-card,.provider-card,.ops-status{box-shadow:var(--tc-shadow)}
@media(max-width:700px){.topbar{position:relative;height:auto}.main-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-top:4px;padding:4px}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:0 0 auto;min-width:max-content;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}