:root{
  --ink:#07161D; --ink-3:#17313D; --blue:#0F4C81; --blue-50:#EEF4FA;
  --orange:#E98D42; --muted:#56697A; --line:#E1E7ED; --paper-2:#F6F8FA;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Libre Franklin',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--ink); background:#fff; line-height:1.65; font-size:17px;
}
.top{border-bottom:1px solid var(--line); padding:18px 0; background:#fff}
.wrap{max-width:820px; margin:0 auto; padding:0 24px}
.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.top img{height:28px}
.top a.back{font-size:.88rem; color:var(--blue); text-decoration:none; font-weight:600}
.top a.back:hover{text-decoration:underline}
main{padding:48px 0 64px}
h1{font-size:clamp(1.7rem,3.4vw,2.3rem); line-height:1.18; color:var(--blue); margin-bottom:10px; letter-spacing:-.015em}
.sub{color:var(--muted); font-size:.95rem; margin-bottom:34px}
h2{font-size:1.16rem; color:var(--ink); margin:38px 0 12px; letter-spacing:-.01em}
h3{font-size:1rem; color:var(--ink-3); margin:24px 0 8px}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}
a{color:var(--blue)}
strong{font-weight:700}
.box{background:var(--paper-2); border:1px solid var(--line); border-radius:12px; padding:20px 22px; margin:22px 0}
.box.warn{background:#FDF4EB; border-color:#F0C89A}
.box .k{font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; color:var(--muted); font-weight:700; margin-bottom:8px}
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:.9rem; display:block; overflow-x:auto}
th,td{border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top}
th{background:var(--blue-50); color:var(--ink-3); font-weight:700; font-size:.82rem}
.btn{display:inline-block; background:var(--blue); color:#fff; text-decoration:none; font-weight:600;
     padding:12px 20px; border-radius:8px; font-size:.94rem; margin-top:6px; border:0; cursor:pointer;
     font-family:inherit}
.btn:hover{background:#0C3E6B}
footer{border-top:1px solid var(--line); padding:26px 0 40px; color:var(--muted); font-size:.85rem}
footer a{color:var(--muted)}
@media(max-width:520px){ body{font-size:16px} main{padding:32px 0 48px} }