.legal-page main { padding: 40px 24px 64px; background: var(--cream); }
.legal-paper { position: relative; max-width: 900px; margin: auto; padding: clamp(28px,5vw,64px); border: 1px solid var(--teal); background: #fffaf0; }
.legal-paper::before, .legal-paper::after { content: ""; position: absolute; top: 24px; bottom: 24px; width: 12px; background: conic-gradient(var(--red) 25%,var(--cream) 0 50%,var(--red) 0 75%,var(--cream) 0) 0 0/12px 12px; }
.legal-paper::before { left: -13px; } .legal-paper::after { right: -13px; }
.legal-paper h1 { font: clamp(42px,5vw,68px)/1.05 var(--display); color: var(--red); text-transform: uppercase; margin: 10px 0 20px; }
.legal-paper h2 { font: 26px/1.15 var(--display); color: var(--ink); text-transform: uppercase; margin: 30px 0 10px; }
.legal-paper p { font: 17px/1.65 var(--copy); max-width: 72ch; margin: 0 0 14px; }
.legal-paper .legal-date { font-size: 14px; color: var(--ink); }
.legal-paper a { text-decoration: underline; text-underline-offset: 3px; }
.legal-paper a:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
@media(max-width:600px) { .legal-page main { padding: 24px 22px 36px; } .legal-paper { padding: 24px; } }