.legal-page{background:#f7f1e8;color:#26312a}
.legal-page>header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,6vw,80px);background:#fffdfa;border-bottom:1px solid #e4ddd2}
.legal-page>header>a:last-child{color:#203c2b;font-weight:700}.legal-page main{width:min(900px,calc(100% - 36px));margin:64px auto 100px}
.legal-page h1{font:clamp(46px,7vw,78px)/1 Georgia,serif;color:#203c2b;margin:8px 0 24px}.legal-page h2{font:34px Georgia,serif;color:#203c2b;margin:0 0 18px}.legal-page h3{color:#2c5139}
.legal-notice{background:#fff8e8;border-left:4px solid #b9872f;padding:20px}.legal-page main>nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}
.legal-page main>nav a{min-height:48px;padding:12px 14px;background:#203c2b;color:white;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:4px}
.legal-page section{background:#fffdfa;border:1px solid #e4ddd2;padding:clamp(24px,5vw,52px);margin:20px 0;scroll-margin-top:105px;overflow-wrap:anywhere}.legal-page section p,.legal-page li{line-height:1.75}.legal-page section li+li{margin-top:9px}
.legal-page footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(20px,6vw,80px);background:#203c2b;color:white}.legal-page footer a{color:white}
@media(max-width:700px){.legal-page>header{padding:10px 16px}.legal-page>header .brand span{font-size:20px}.legal-page>header>a:last-child{font-size:13px}.legal-page .brand img{width:44px;height:44px}.legal-page main{width:min(100% - 28px,900px);margin-top:36px}.legal-page main>nav{grid-template-columns:1fr 1fr;position:sticky;top:65px;z-index:4;background:#f7f1e8;padding:10px 0}.legal-page main>nav a{font-size:12px;padding:10px 6px}.legal-page h1{font-size:44px}.legal-page h2{font-size:29px}.legal-page footer{flex-direction:column}.legal-page section{padding:24px 20px;scroll-margin-top:205px}}
