:root{--ux-ok:#d8f3dc;--ux-warn:#fff3cd;--ux-err:#f8d7da;--ux-info:#d6eaf8;--ux-ai:#d1f2eb;--ux-locked:#d5d8dc;--ux-dirty:#f5eef8;--chrome:#1f4e79;--ink:#1b1b1b;--paper:#f4f6f8;--line:#c5cdd6}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);background:var(--paper);font-family:Segoe UI,Tahoma,sans-serif;font-size:14px}.skip-link{background:#fff;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.chrome{background:var(--chrome);color:#fff;justify-content:space-between;padding:8px 14px;font-weight:600;display:flex}.body{flex:1;display:flex}.nav{border-right:1px solid var(--line);background:#e8eef4;width:180px;padding:10px 0}.nav-item{color:var(--ink);border-left:3px solid #0000;padding:8px 14px;text-decoration:none;display:block}.nav-item:hover,.nav-item:focus{border-left-color:var(--chrome);background:#d5e3f0;font-weight:700}main{flex:1;padding:20px 28px 40px}.status{border-top:1px solid var(--line);background:#eef2f6;gap:16px;padding:6px 14px;font-size:12px;display:flex}.legal{gap:12px;margin-left:auto;display:flex}.legal a{color:var(--chrome)}h1{margin:0 0 8px;font-size:22px}h2{margin:24px 0 8px;font-size:16px}p,li{line-height:1.5}.banner{background:var(--ux-warn);border:1px solid #e0c36a;margin:0 0 16px;padding:10px 12px}.banner.ok{background:var(--ux-ok);border-color:#8fbf9a}.cta{background:var(--chrome);color:#fff;margin-top:12px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.cta:hover,.cta:focus{filter:brightness(1.08)}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:#fff;padding:14px}.muted{color:#555}