body{background:var(--paper);font-size:15.5px}

.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;min-height:58px;gap:10px;max-width:760px;margin:0 auto;padding:0 20px}
.logo{width:28px;height:28px;border-radius:7px;display:block}
.hd .name{font-weight:800;font-size:16px;color:var(--ink);text-decoration:none}
.hd a.back{margin-left:auto;font-size:13.5px;color:var(--ink-soft);text-decoration:none}
.hd a.back:hover{color:var(--accent)}
main{padding:40px 0 64px}
.doc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px 40px}
@media(max-width:600px){.doc{padding:26px 20px}}
h1{font-size:23px;font-weight:900;margin-bottom:6px}
.updated{font-size:12.5px;color:var(--ink-soft);margin-bottom:26px}
h2{font-size:16.5px;font-weight:900;margin:28px 0 10px;padding-left:11px;border-left:4px solid var(--accent);line-height:1.5}
p,li{font-size:14.5px;color:#3a4652}
p+p{margin-top:8px}
ul,ol{padding-left:22px;margin:6px 0}
li{margin-bottom:4px}
table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0;line-height:1.7}
th,td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
th{background:#f7f9fb;font-weight:700;white-space:nowrap;width:200px}
@media(max-width:600px){th{width:120px}}
.note{background:#fbf6ec;border:1px solid #ecd9ae;border-radius:var(--radius);padding:13px 16px;font-size:13.5px;color:#7a5c19;margin:14px 0;line-height:1.8}
footer{border-top:1px solid var(--line);background:#fff;padding:24px 0;font-size:13px;color:var(--ink-soft)}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
footer a{color:var(--ink-soft);text-decoration:none}
footer a:hover{color:var(--accent)}