/* Minimal, compressed-ish, responsive CSS (system font stack; no CLS; hamburger nav) */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:#0f172a;background:#f6f7fb}
.container{max-width:1100px;margin:0 auto;padding:16px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800}
.logo img{height:28px;width:28px;border-radius:6px}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:14px}
nav a{color:#0f172a;text-decoration:none;font-weight:600}
nav a:hover{text-decoration:underline}
#hamburger{display:none;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;background:#fff;cursor:pointer}
@media (max-width:860px){
  nav{position:fixed;inset:auto 0 0 0;background:#fff;border-top:1px solid #e5e7eb;transform:translateY(100%);transition:transform .2s ease;padding:12px}
  nav.open{transform:translateY(0)}
  nav ul{flex-direction:column;gap:10px}
  #hamburger{display:block}
}
main{padding:20px 0}
h1{font-size:clamp(22px,4vw,34px);margin:12px 0}
.muted{color:#6b7280}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 6px 20px rgba(2,8,23,.04)}
.grid{display:grid;gap:12px}
@media(min-width:900px){.grid.cols-2{grid-template-columns:2fr 1fr}}
.btn{appearance:none;border:none;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.btn.secondary{background:#f3f4f6;color:#111;border:1px solid #e5e7eb}
.table{overflow:auto;border:1px solid #e5e7eb;border-radius:12px}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{border-bottom:1px solid #eef2f7;padding:10px;text-align:left}
th{background:#f8fafc;font-size:13px;color:#374151}
select,input[type=number]{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;outline:none;background:#fff}
select:focus,input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.25)}
.pill{display:inline-block;border:1px solid #e5e7eb;border-radius:999px;padding:3px 10px;background:#fff;font-size:12px}
.kvs{display:grid;gap:6px}
.kv{display:flex;justify-content:space-between;background:#fff;border:1px solid #eef2f7;border-radius:10px;padding:10px 12px}
.ok{color:#065f46;font-weight:700}.fail{color:#b91c1c;font-weight:800}
footer{border-top:1px solid #e5e7eb;background:#fff}
.footer-inner{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px}
.breadcrumbs{font-size:13px;color:#6b7280;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{font-size:12px}
.langswitch{display:flex;gap:8px}
.small{font-size:12px;color:#6b7280}