@import url('style.css');
body{background:var(--ink-950)}
.legalpage{max-width:820px; margin-inline:auto; padding:8rem var(--pad) 5rem}
.legalpage h1{font-size:var(--fs-xl); font-weight:800; letter-spacing:-.03em; margin-bottom:2rem}
.legalpage h2{font-size:1.25rem; font-weight:800; margin:2.6rem 0 .9rem; letter-spacing:-.01em}
.legalpage h3{font-size:1.02rem; font-weight:700; margin:1.8rem 0 .6rem}
.legalpage p,.legalpage li{color:var(--ink-200); font-size:.98rem; line-height:1.72; margin-bottom:.9rem}
.legalpage ul{list-style:disc; padding-left:1.3rem; margin-bottom:1.2rem}
.legalpage li{margin-bottom:.4rem}
.legalpage a{color:var(--white); text-decoration:underline; text-underline-offset:3px}
.legalpage .back{display:inline-flex; align-items:center; gap:.5em; font-size:.85rem; font-weight:700; letter-spacing:.02em; margin-bottom:2.5rem; color:var(--ink-300); text-decoration:none}
.legalpage .back:hover{color:var(--white)}
.legalpage .box{border:1px solid var(--line); border-radius:var(--r); padding:1.3rem 1.5rem; background:var(--surface); margin:1.4rem 0}
.legalpage .box p:last-child{margin-bottom:0}