*{box-sizing:border-box}body{margin:0;display:flex;background:#f4f7fb;color:#112b46;font:16px/1.5 system-ui,sans-serif;min-height:100vh}aside{width:220px;flex:none;background:#102642;color:white;padding:28px 18px;display:flex;flex-direction:column}aside strong{font-size:32px;letter-spacing:-1px}aside small{display:block;font-size:11px;letter-spacing:2px;color:#78dfcd}nav{display:grid;gap:5px;margin:36px 0}nav button{text-align:left;background:none;color:#d8e7f6;border:none}nav button.on{background:#25456a;color:white}aside footer{margin-top:auto;color:#afc8df;font-size:13px}main{flex:1;min-width:0;padding:24px clamp(15px,4vw,64px) 48px}header,.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between;min-height:44px;color:#087d80;font-size:12px;letter-spacing:1.5px;font-weight:700}h1{font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-1px;margin:26px 0 8px}h2{font-size:21px;margin:28px 0 12px}.sub,small{color:#52677c}button,input,select{font:inherit;border-radius:7px;border:1px solid #c0ccda;padding:8px 13px}button{background:white;color:#153456;cursor:pointer}button.primary{background:#155cd6;color:white;border-color:#155cd6}button:disabled{opacity:.55;cursor:default}label{display:grid;gap:4px;font-weight:600}.bar{margin:17px 0}.banner,#notice:not(:empty){padding:12px 16px;border-radius:7px;background:#fff0cb;color:#694700;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px}.card,article,form.box{background:#fff;border:1px solid #d8e1eb;padding:16px;border-radius:10px}.card b{display:block;font-size:28px}.table{overflow:auto;background:white;border-radius:8px}table{border-collapse:collapse;min-width:100%;text-align:left}th,td{padding:9px 12px;border-bottom:1px solid #dce4ed;font-size:14px;vertical-align:top}th{font-size:12px;background:#e9eff6}.link{border:0;background:none;padding:0;color:#0b57bb;text-decoration:underline}.box{max-width:460px;display:grid;gap:14px}.tag{color:#066a70;font-weight:700}article{margin:12px 0}details{margin:8px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}@media(max-width:750px){body{display:block}aside{width:auto;padding:12px 16px}aside strong{font-size:20px}aside small{display:inline;margin-left:10px}nav{display:flex;overflow:auto;margin:8px 0 0}nav button{white-space:nowrap}aside footer{display:none}main{padding:10px 14px 30px}header{min-height:30px}.bar>*{max-width:100%}input{min-width:0}}