.legal-body { min-height: 100vh; background: var(--paper); }
.legal-body header { height: 86px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(20px,6vw,100px); color: white; background: var(--ink); }
.legal-body header > a:last-child { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.legal-body main { width: min(900px,calc(100% - 40px)); margin: 0 auto; padding: 100px 0 130px; }
.legal-body h1 { margin: 0 0 55px; font-family: var(--display); font-size: clamp(70px,10vw,125px); font-weight: 800; letter-spacing: -.035em; line-height: .82; text-transform: uppercase; }
.legal-body h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1.5px var(--ink); }
.legal-warning { margin-bottom: 50px; padding: 20px; color: #6d4e17; background: #fff1c9; border-left: 4px solid #d8a629; border-radius: 8px; font-size: 12px; }
.legal-body section { padding: 34px 0; border-top: 1px solid var(--line); }
.legal-body section h2 { margin: 0 0 10px; font-family: var(--display); font-size: 31px; text-transform: uppercase; }
.legal-body section p { color: #646167; }
.legal-body section a { color: var(--blue); border-bottom: 1px solid; font-weight: 700; }
@media (max-width:650px) { .legal-body header { height: 72px; } .legal-body header > a:last-child { font-size: 0; } .legal-body header > a:last-child::after { content: "←"; font-size: 18px; } .legal-body main { padding: 70px 0 90px; } }