:root{color-scheme:light dark;font:16px/1.65 system-ui,sans-serif;background:#f3f7f6;color:#142238}body{margin:0}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.5rem;font-weight:900}nav{display:flex;flex-wrap:wrap;gap:8px 16px}a{color:#087c6a}main{background:#fff;border:1px solid #d9e4e0;border-radius:20px;box-shadow:0 18px 45px #17352e16}h1{line-height:1.15}h2{margin-top:2rem}.notice{padding:14px;border-left:4px solid #12a58e;background:#eaf8f5}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #d9e4e0}footer{font-size:.85rem}@media(prefers-color-scheme:dark){:root{background:#081825;color:#e8f1f4}main{background:#102636;border-color:#315061}a{color:#67dfca}.notice{background:#153c3b}th,td{border-color:#315061}}
.brand{display:block;width:clamp(138px,22vw,190px);padding:5px 8px;line-height:0;background:#fff;border-radius:12px}.brand img{display:block;width:100%;height:auto}