:root{font-family:system-ui,sans-serif;color:#182431;background:#f5f7f9;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dde3e9;padding:16px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}header img{width:138px;max-height:48px}nav{display:flex;gap:18px;align-items:center}a{color:#075889}main{max-width:1220px;padding:28px 20px;margin:auto}h1{font-size:1.65rem;margin:0 0 20px}h2{font-size:1.2rem}h3{font-size:1rem}p{line-height:1.6}.muted,small{color:#526273}.card{background:white;border:1px solid #dce3e9;border-radius:8px;padding:22px;margin-bottom:20px}.narrow{max-width:480px;margin:30px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}label{display:block;font-size:.9rem;margin-bottom:12px}input,select,textarea{display:block;padding:10px 12px;border:1px solid #b9c6d1;border-radius:5px;font:inherit;background:white;width:100%;margin-top:6px}input[type=checkbox]{display:inline;width:auto}button,.button{display:inline-block;cursor:pointer;background:#075889;color:white;padding:10px 16px;border:0;border-radius:5px;font:inherit;text-decoration:none}button.secondary{background:#e7eef4;color:#182431}.danger{background:#a92836}.badge{display:inline-block;border-radius:4px;background:#e9eff5;padding:4px 8px;font-size:.8rem}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e3e8ee;vertical-align:top}.scroll{overflow-x:auto}.notice{padding:12px 16px;background:#e9f2fa;border-left:3px solid #075889;margin-bottom:20px}details{margin:12px 0}summary{cursor:pointer;font-weight:600}.inline{display:inline-block;margin:3px}footer{padding:20px;text-align:center;color:#526273;font-size:.85rem}code{overflow-wrap:anywhere}pre{white-space:pre-wrap;background:#eef2f6;padding:14px;border-radius:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4ca5e8;outline-offset:2px}@media(max-width:600px){header{align-items:start}nav{flex-wrap:wrap;gap:10px}main{padding:20px 12px}.card{padding:16px}td,th{padding:8px 5px}}
