.legal-page{display:flex;flex-direction:column;min-height:100vh;overflow-wrap:anywhere}
.legal__header{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--espresso);color:var(--paper);padding:26px clamp(24px,5vw,88px)}
.legal__back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
.legal__back:hover{text-decoration:underline}
.legal__main{width:100%;max-width:860px;flex:1;margin-inline:auto;padding:76px 32px 96px}
.legal__main h1{font:400 clamp(36px,5vw,58px)/1.12 var(--font);letter-spacing:-.045em;max-width:720px;text-wrap:balance;margin-bottom:24px}
.legal__intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:640px;margin-bottom:20px}
.legal__date{color:var(--muted);font-size:12px;margin-bottom:32px}
.legal__notice{padding:22px 24px;background:var(--surface);border-left:3px solid var(--accent);font-size:14px;line-height:1.8;margin-bottom:52px}
.legal__notice strong{display:block;color:var(--ink);margin-bottom:4px}
.legal__main section+section{margin-top:44px}
.legal__main h2{font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin-bottom:18px}
.legal__main section p{color:var(--muted);margin:14px 0;line-height:1.85}
.legal__main a{color:var(--ink)}
.legal__pending{color:#653f21;background:#eee0cf;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 4px}
.legal__details{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px 24px;margin:24px 0 30px;padding-block:24px;border-block:1px solid var(--line);font-size:14px;line-height:1.8}
.legal__details dt{font-weight:500}.legal__details dd{color:var(--muted);min-width:0}
.legal__footer{padding:36px clamp(24px,5vw,88px);background:var(--espresso);color:#d6c4b6;font-size:12px}
.legal__footer p{font-size:16px;color:var(--paper);margin-bottom:12px}
.legal__footer nav{display:flex;flex-wrap:wrap;gap:4px 28px;margin-bottom:8px}
.legal__footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.legal__footer a:hover,.legal__footer a[aria-current=page]{text-decoration:underline;color:var(--paper)}
.legal__header a:focus-visible,.legal__footer a:focus-visible{outline-color:var(--gold)}
@media(max-width:600px){
  .legal__header{padding:22px 24px;gap:16px}
  .legal__header .nav__logo{font-size:22px}
  .legal__back{font-size:12px}
  .legal__main{padding:48px 24px 64px}
  .legal__intro{font-size:16px}
  .legal__notice{padding:18px 20px;margin-bottom:36px}
  .legal__main h2{font-size:21px}
  .legal__details{grid-template-columns:minmax(0,1fr);gap:4px}
  .legal__details dd+dt{margin-top:14px}
  .legal__footer nav{flex-direction:column;align-items:flex-start}
}
@media print{.legal__header,.legal__footer{display:none}.legal__main{max-width:none;padding:0}.legal__pending{background:#eee}.legal__main section{break-inside:avoid}}