body{margin:0;background:#f5f7fa;color:#14233a;font:17px/1.65 Arial,sans-serif}main,header,footer{max-width:1080px;margin:auto;padding:28px}header{background:#14233a;color:white}h1{font-size:32px;line-height:1.2}h2{font-size:23px;margin-top:30px}a{color:#1761b5}header a{color:#d5eaff;margin-right:24px}section{background:white;padding:28px;border-radius:12px;margin:24px 0}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #d5dce5;padding:12px;vertical-align:top}.notice{background:#fff0c7;padding:14px;border-radius:8px}pre{white-space:pre-wrap;font:14px/1.5 monospace}small{color:#536177}ul{padding-left:24px}button{font:inherit} @media(max-width:650px){main,header,footer{padding:16px}section{padding:18px}table{font-size:14px}h1{font-size:27px}}
* { box-sizing: border-box; }
header nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
header a { margin-right: 0; }
.table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.table-scroll table { min-width: 640px; }
h1, h2, p, li, a { overflow-wrap: anywhere; }
.catalog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 18px; }
.catalog-grid section { margin: 0; }
.catalog-links { display: flex; flex-wrap: wrap; gap: 10px 20px; }