.legal-page{background:linear-gradient(145deg,#f7f2e8 0,#f7faf7 55%,#eef5f3 100%)}
.legal-shell{width:min(880px,calc(100% - 36px));margin:0 auto;padding:72px 0 88px}
.legal-shell h1{font:600 clamp(42px,7vw,68px)/1.08 var(--font-serif),"Noto Serif TC",serif;letter-spacing:-.04em;margin:0;color:#173f43}
.legal-summary{font-size:19px;line-height:1.75;color:#56686b;max-width:700px;margin:20px 0 36px}
.legal-alert{display:grid;gap:5px;padding:18px 20px;border:1px solid #d89c43;border-left-width:5px;background:#fff8e8;border-radius:10px;margin-bottom:24px;color:#6c4a12}
.legal-sections{display:grid;gap:14px}.legal-sections section{background:#fff;border:1px solid #e4ddd1;border-radius:14px;padding:26px 28px;box-shadow:0 10px 28px rgba(23,63,67,.04)}
.legal-sections h2{font-size:21px;margin:0 0 10px;color:#20363b}.legal-sections p{font-size:17px;line-height:1.8;color:#56686b;margin:0}.legal-sections a{color:#126c64;font-weight:700}
.legal-updated{margin:28px 0 0;color:#7c8989;font-size:13px}.legal-footer{border-top:1px solid #ddd8cd;background:#173f43;color:#fff;padding:28px clamp(18px,4vw,56px)}
.legal-footer>div{max-width:1180px;margin:auto;display:flex;gap:28px;justify-content:space-between;align-items:flex-start}.legal-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px}.legal-footer a{color:#d9e7e3;text-decoration:none;font-size:13px}.legal-footer a:hover{text-decoration:underline}
@media(max-width:700px){.legal-shell{padding:46px 0 64px}.legal-sections section{padding:22px}.legal-footer>div{display:grid}.legal-footer nav{justify-content:flex-start}.legal-page .home-nav{display:none}}