*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a;background:#f6f8fb;line-height:1.65}
header{background:#0b1b33;padding:16px 20px}
.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px;text-decoration:none}
.logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#ff7a1a,#ffb347);display:grid;place-items:center;font-size:13px}
.logo b{color:#ff7a1a}
main{max-width:860px;margin:0 auto;padding:40px 20px 60px;background:#fff;border:1px solid #e3e8ef;border-radius:18px;margin-top:32px}
h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:0 0 6px}
h2{font-size:20px;margin:32px 0 10px}
.meta{color:#5b6b82;margin:0 0 24px}
ol,ul{padding-left:22px}li{margin:6px 0}
a{color:#c2570c}
table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
th,td{border:1px solid #e3e8ef;padding:10px;text-align:left;vertical-align:top}
th{background:#f6f8fb}
footer{max-width:860px;margin:20px auto 40px;padding:0 20px;color:#5b6b82;font-size:13px}
@media(max-width:600px){main{margin-top:16px;border-radius:0;border-left:0;border-right:0}}