/* Legal routes: same shell as the app, readable editorial content. */
:root{color-scheme:light;background:#f9f1e3}
*,*::before,*::after{box-sizing:border-box}
html{min-width:0}
body{margin:0;background:#f9f1e3;font-family:ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;color:#2d2a26}
.layout{width:min(100%,1120px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:20px 23px 0;display:flex;flex-direction:column;gap:12px}
.legal-main{flex:1 0 auto;min-width:0;width:100%;max-width:920px;margin:0 auto;padding:clamp(20px,4vw,42px) clamp(12px,3vw,24px) 38px;line-height:1.7;font-size:16px}
.legal-main h1{font-size:clamp(30px,4vw,43px);line-height:1.22;letter-spacing:-.8px;color:#2d2a26;margin:0 0 10px}
.legal-main h2{font-size:clamp(20px,2.4vw,26px);line-height:1.35;color:#2d2a26;margin:30px 0 12px}
.legal-main h3{font-size:18px;color:#2d2a26;margin:20px 0 8px}
.legal-main p,.legal-main li{color:#4c443b;line-height:1.75;overflow-wrap:anywhere}
.legal-main p{margin:0 0 15px}
.legal-main a{color:#375e59;text-decoration:underline;text-underline-offset:3px}
.legal-main ul,.legal-main ol{padding-left:24px;margin:12px 0 20px}
.legal-main .version{font-size:13px;color:#746a5d}
.legal-main .legal-note{padding:14px 18px;background:#fff5df;border:1px solid #edd8a8;border-radius:14px}
.legal-main .legal-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #e4d8c9;border-radius:14px;margin:16px 0 24px}
.legal-main table{width:100%;border-collapse:collapse;min-width:620px;background:#fffbf2}
.legal-main th,.legal-main td{padding:12px 14px;border-bottom:1px solid #e4d8c9;text-align:left;vertical-align:top;font-size:14px;line-height:1.5;color:#4c443b}
.legal-main th{color:#2d2a26;background:#f3e5cd}
.legal-main code{font-family:ui-monospace,monospace;font-size:.87em;background:#f2e9da;padding:2px 5px;border-radius:5px;overflow-wrap:anywhere}
.layout>.li-legal-footer{flex:0 0 auto;margin-top:auto;margin-bottom:0}
@media(max-width:730px){.layout{padding:12px 12px 0}.legal-main{padding:22px 8px 30px;font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}