:root{--bg:#f7fafb;--surface:#fff;--text:#13232b;--muted:#61727b;--primary:#0b7285;--primary-dark:#075866;--line:#dce7ea;--line-strong:#b9c9ce;--radius:14px;--radius-sm:10px;--shadow-sm:0 2px 10px rgba(19,35,43,.06);--s-3:12px;--s-4:16px;--s-5:24px}
*{box-sizing:border-box}
body{margin:0;font-family:"Mukta",Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--primary)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:10}
.bar{width:min(calc(100% - 32px),1100px);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:1.3rem;text-decoration:none;color:var(--text)}
nav a{margin-right:14px;text-decoration:none;font-weight:600}nav a[aria-current]{color:var(--text)}
main.narrow{width:min(calc(100% - 32px),820px);margin:0 auto;padding:32px 0 48px}
.page-intro h1{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15}
.lead{color:var(--muted);margin:0 0 var(--s-5)}
.muted{color:var(--muted)}
.field label{display:block;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:4px}
input,select{width:100%;font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text)}
input:focus,select:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.btn{font:inherit;font-weight:600;border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer}
.btn-sm{padding:5px 10px;font-size:.85rem}.btn-ghost:hover{background:#eef7f8}
.hint{color:var(--muted)}.hint.error{color:#b42318}
.note{color:var(--muted);font-size:.88rem;margin-top:var(--s-5)}
.site-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.9rem}
.footer-nav{display:flex;flex-wrap:wrap;gap:20px}