@layer page-layout {
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family: var(--font-ui);background:#fff;line-height:1.6}
a{color:var(--brand)}
.legal-header{position:sticky;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.legal-header__inner,.legal,.legal-footer{width:min(900px,calc(100% - 36px));margin:auto}
.legal-header__inner{height:72px;display:flex;align-items:center;justify-content:space-between}
.legal-header img{width:150px}
.legal-header a:last-child{font-size:13px;font-weight: 700;text-decoration:none}
.legal{padding:64px 0 80px}
.legal h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 30px}
.legal h2{font-size:22px;margin:34px 0 12px}
.legal p,.legal li{color:#4f4955;font-size:15px}
.legal ul{padding-left:22px}
.legal-note{padding:14px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:13px;color:var(--muted)}
.legal-footer{padding:22px 0 40px;border-top:1px solid var(--line);color:#8b8590;font-size:12px}
}