:root{--ink:#222638;--muted:#626b78;--line:#e6e5df;--accent:#d25131}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f6f5f1;color:var(--ink);font:16px/1.75 Arial,Helvetica,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.legal-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 8px 32px rgba(33,38,56,.06)}
.legal-wrap{width:min(900px,calc(100% - 40px));margin-inline:auto}
.legal-header .legal-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-brand{color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.055em}
.legal-brand span{color:var(--accent)}
.legal-back{font-size:14px;font-weight:700}
.legal-main{margin:40px auto 64px;padding:48px 56px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 48px rgba(34,38,56,.06)}
h1{font-size:clamp(32px,5vw,44px);line-height:1.13;letter-spacing:-.04em;margin:0 0 24px}
h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:34px 0 10px}
p,li{color:var(--muted)}
.notice,.independent{padding:18px 22px;border-radius:12px;border-left:4px solid var(--accent);background:#fff4e9;color:var(--ink)}
.independent{background:#f6f7f8}
.legal-footer{padding:0 0 36px;color:var(--muted);font-size:12px}
@media(max-width:600px){.legal-wrap{width:min(100% - 32px,900px)}.legal-header .legal-wrap{min-height:64px}.legal-brand{font-size:18px}.legal-back{font-size:12px}.legal-main{margin:20px auto 36px;padding:26px 22px;border-radius:16px}h2{font-size:20px}}