html,body{margin:0;padding:0;min-height:100vh;background:linear-gradient(180deg,#fbfaf3 0%,#f5ecd8 100%);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;color:#3a2a10;font-size:16px;line-height:1.7}
.legal-app{display:flex;flex-direction:column;min-height:100vh}
.legal-topbar{display:flex;align-items:center;padding:12px 14px;background:rgba(255,255,255,.85);border-bottom:1px solid rgba(180,140,60,.3);position:sticky;top:0;z-index:10}
.legal-back{background:rgba(180,140,60,.15);border:1.5px solid rgba(180,140,60,.35);color:#3a2a10;padding:6px 14px;border-radius:14px;text-decoration:none;font-size:16px;font-weight:700}
.legal-title{flex:1;text-align:center;font-size:16px;font-weight:900;color:#3a2a10}
.legal-main{flex:1;max-width:780px;width:100%;margin:0 auto;padding:24px 20px 80px;box-sizing:border-box}
.legal-main h1{font-size:22px;color:#3a2a10;margin:0 0 8px;border-bottom:2px solid #c08030;padding-bottom:8px}
.legal-date{font-size:16px;color:#806040;margin:0 0 24px}
.legal-main h2{font-size:16px;color:#c08030;margin:24px 0 10px;padding-left:10px;border-left:3px solid #c08030}
.legal-main p,.legal-main li{font-size:16px;color:#3a2a10;line-height:1.8}
.legal-main ul{padding-left:20px}
.legal-main li{margin:6px 0}