.legal{max-width:760px;margin:0 auto;padding:32px 20px 64px;line-height:1.65;color:#17213a}
.legal h1{font-size:clamp(28px,5vw,40px);line-height:1.15;margin:8px 0 6px}
.legal h2{font-size:21px;margin:36px 0 8px;padding-top:8px}
.legal h3{font-size:16px;margin:22px 0 4px}
.legal p,.legal li{font-size:16px}
.legal ul{padding-left:22px}
.legal li{margin:4px 0}
.legal .updated{color:#6b7488;font-size:14px;margin:0 0 20px}
.legal .summary{background:#fdefe9;color:#8a3c22;border-radius:12px;padding:16px 20px;margin:20px 0}
.legal .summary ul{margin:6px 0 0}
.legal nav.toc{border:1px solid var(--line,#e3e6ef);border-radius:12px;padding:12px 20px;margin:20px 0;font-size:15px}
.legal nav.toc ol{margin:6px 0;padding-left:20px}
.legal a{color:var(--brand,#d43e13)}
.legal table{border-collapse:collapse;width:100%;font-size:15px}
.legal th,.legal td{border-bottom:1px solid var(--line,#e3e6ef);text-align:left;padding:8px 10px 8px 0;vertical-align:top}
.legal .table-wrap{overflow-x:auto}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto;padding:18px 20px 0}
.legal-top .logo{display:flex;align-items:center;gap:8px;font-weight:700;color:#17213a;text-decoration:none;font-size:20px}
.legal-top .mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--brand,#d43e13);color:#fff}
.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:28px 16px 36px;color:#6b7488;font-size:14px}
.site-footer a{color:inherit}
.legal .notice{border:2px solid #d43e13;border-radius:12px;padding:14px 18px;margin:20px 0;background:#fff}
