.legal{max-width:820px;margin:0 auto;padding:24px 16px 40px;line-height:1.6}
.legal h1{font-size:32px;margin:0 0 4px}
.legal h2{font-size:21px;margin:30px 0 8px;padding-top:6px;border-top:1px solid var(--line)}
.legal .meta{color:var(--muted);font-size:13px;margin:0 0 14px}
.legal .draft{background:var(--warn-soft);color:#6B4000;border-radius:8px;padding:10px 12px;font-size:14px}
.legal mark{background:#FFF1B8;padding:0 3px;border-radius:3px}
.legal table{width:100%;border-collapse:collapse;margin:8px 0;font-size:15px}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;vertical-align:top;text-align:left}
.legal th{width:30%;background:var(--green-soft);color:var(--green);font-weight:700}
.legal ul{padding-left:20px}
.legal li{margin:4px 0}
.legal .box{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:8px;padding:12px 14px}
.legal a{color:var(--green)}
.toc{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.toc a{font-size:13px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 10px;text-decoration:none}
.legal-foot{text-align:center;font-size:13px;color:var(--muted);padding:18px 16px 30px}
.legal-foot a{color:inherit}
@media (max-width:560px){.legal th{width:auto;display:block;border-bottom:0}.legal td{display:block}}