body{margin:0;background:#f4f7fa;color:#152e40;font:16px/1.6 system-ui}main{max-width:1240px;margin:auto;padding:32px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#086097}h1{font-size:clamp(28px,4vw,44px);line-height:1.2}h2{font-size:24px}section,article{background:white;border:1px solid #cbd8e2;border-radius:8px;padding:24px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.grid article{margin:0}.muted{color:#526879}.tag{display:inline-block;padding:3px 10px;background:#e8f0f8;border-radius:4px;font-size:14px}input,select,button{font:inherit;padding:10px;max-width:100%;box-sizing:border-box}label{display:block}.controls{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #dce4ec;vertical-align:top}td{min-width:160px}svg{width:100%;height:auto}svg text{font-family:system-ui;font-size:16px}small{font-size:14px}a:focus,button:focus,input:focus,select:focus{outline:3px solid #cc8000} [hidden]{display:none!important}@media(max-width:600px){main{padding:20px}section,article{padding:18px}.controls{display:block}.controls label{margin:12px 0}}