:root{--bg:#f8f9ff;--panel:#fff;--text:#121c2a;--muted:#556176;--accent:#00236f;--accent-2:#2b6954;--border:#d3dbeb;--error:#ba1a1a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{color:var(--text);background:linear-gradient(#f8f9ff,#eef3ff);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}a{color:var(--accent);text-decoration:none}.site-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f9ffeb;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--accent);letter-spacing:.02em;font-weight:800}.topnav{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link{color:var(--muted);font-size:.92rem}.nav-link:hover{color:var(--accent)}.content{flex:1;width:min(920px,100%);margin:0 auto;padding:1.5rem 1rem 2rem}.footer{border-top:1px solid var(--border);background:#fff;justify-content:center;gap:1rem;padding:1rem;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.2rem}.card h1{margin-bottom:.5rem;font-size:1.45rem}.card h2{font-size:1.18rem}.card p{color:var(--muted)}.stack{flex-direction:column;gap:.72rem;margin-top:1rem;display:flex}.compact-top{margin-top:.5rem}.row{gap:.5rem;margin-top:1rem;display:flex}label{color:var(--text);flex-direction:column;gap:.32rem;font-size:.92rem;display:flex}input,textarea{border:1px solid var(--border);font:inherit;border-radius:8px;padding:.56rem .65rem}button,.btn{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.56rem .72rem;font-size:.92rem;display:inline-block}button.secondary,.btn.secondary{background:var(--accent-2)}button:disabled{cursor:not-allowed;background:#9fa6b4}.row-gap{flex-wrap:wrap;gap:.72rem;margin-top:.8rem;display:flex}.list{flex-direction:column;gap:.7rem;margin-top:1rem;list-style:none;display:flex}.list-item{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem;display:flex}.grid-links{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;margin-top:1rem;list-style:none;display:grid}.ok{color:#0f6a45;margin-top:.75rem}.err{color:var(--error);margin-top:.75rem}