/* MapleLing legal pages (terms, privacy). Public header/footer like index.html; app shell when signed in. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#13233d;background:#f6f9fc}
a{color:#0866e8}
.wrap{max-width:1160px;margin:auto;padding:0 28px}
/* public header (same look as index.html) */
.navbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e7edf2;backdrop-filter:blur(15px)}
.nav-container{display:flex;align-items:center;gap:30px;min-height:82px}
.brand{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:850;letter-spacing:-1px;white-space:nowrap;color:#13233d;text-decoration:none}
.nav-menu,.nav-actions{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:650}
.nav-menu a,.nav-actions a{color:#13233d;text-decoration:none}.nav-menu a:hover{color:#1465d6}
.nav-actions{margin-left:auto;gap:18px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-weight:650;line-height:1.4}
.primary{background:#0866e8;color:#fff!important;box-shadow:0 6px 15px #0866e822}.small{padding:11px 15px;font-size:12px}
.button svg{width:13px;height:13px}
.v-foot{background:#fff;border-top:1px solid #e7edf2;padding:30px 0;margin-top:48px}
.footer{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.footer .brand{font-size:20px}
.footer>div{margin-left:auto;display:flex;gap:22px;font-size:12px}.footer>div a{color:#13233d;text-decoration:none}
.footer p{width:100%;font-size:10px;color:#7b8b9a;margin:5px 0 0}
/* layout */
.lg-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1120px;margin:0 auto;padding:40px 28px 24px;align-items:start}
.lg-toc{position:sticky;top:104px;max-height:calc(100vh - 124px);overflow:auto;background:#fff;border:1px solid #e5edf4;border-radius:16px;padding:16px 10px 16px 16px;font-size:13px}
.lg-toc b{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 8px}
.lg-toc b svg{width:15px;height:15px}
.lg-toc ol{list-style:none;margin:0;padding:0}.lg-toc li{margin:0}
.lg-toc a{display:block;padding:5px 8px;border-radius:7px;color:#334155;text-decoration:none;line-height:1.35}
.lg-toc a:hover{background:#f1f5f9}.lg-toc a.on{background:#e8f3fd;color:#13233d;font-weight:650}
.lg-doc{background:#fff;border:1px solid #e5edf4;border-radius:20px;padding:40px 48px;min-width:0;max-width:820px}
.legal-header{margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid #e5edf4}
.lg-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;font-weight:750;color:#426575;text-transform:uppercase;margin:0 0 10px}
.lg-kicker svg{width:16px;height:16px}
.legal-header h1{font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px;font-weight:750}
.legal-header p{margin:2px 0;color:#5c6a7c;font-size:13.5px}
.legal-section{padding:6px 0 18px;border-bottom:1px solid #f0f4f8;margin-bottom:18px}
.legal-section:last-child{border-bottom:0}
.legal-section h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:10px 0 10px;color:#13233d}
.legal-section h3{font-size:17px;margin:20px 0 6px;color:#1e3a5f;scroll-margin-top:110px}
.legal-section p,.legal-section li{color:#3b4a60;font-size:15.5px}
.legal-section ul,.legal-section ol{padding-left:22px}.legal-section li{margin:5px 0}
.legal-section strong{color:#13233d}
.legal-section table{border-collapse:collapse;width:100%;font-size:14px}.legal-section td,.legal-section th{border:1px solid #e5edf4;padding:8px;text-align:left}
.lg-top{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;margin-top:8px}
.lg-top svg{width:14px;height:14px}
:target{animation:lgflash 1.6s ease}
@keyframes lgflash{0%{background:#fff7d6}100%{background:transparent}}
@media(max-width:960px){.nav-menu{display:none}}
@media(max-width:860px){.lg-layout{grid-template-columns:1fr;gap:16px;padding:20px 16px}.lg-toc{position:static;max-height:none}.lg-doc{padding:26px 20px;border-radius:16px}.lg-toc details summary{cursor:pointer}}
@media(max-width:560px){.nav-container{gap:12px;min-height:64px}.brand{font-size:20px}.nav-actions{gap:12px}.footer>div{margin-left:0;flex-wrap:wrap}}
/* signed-in: app shell (same top bar and left menu as the dashboard) */
body.lg-app .navbar,body.lg-app .v-foot{display:none}
.lg-app{background:#f3f8fc}
.lg-app .db-shell{display:flex;min-height:100vh;align-items:stretch}
.lg-app .db-main{flex:1;min-width:0;display:flex;flex-direction:column}
.lg-app .db-topbar{background:#fff;border-bottom:1px solid #e5edf4;padding:12px 32px;display:flex;align-items:center;justify-content:flex-end;gap:12px;position:sticky;top:0;z-index:50}
.lg-app .db-user-pill{margin-left:0;display:flex;align-items:center;border:1px solid #dce5ef;border-radius:999px;cursor:pointer;position:relative}
.lg-app .db-chevron{width:16px;height:16px;color:#94a3b8}
.lg-app .db-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px rgba(15,23,42,.1);border-radius:10px;min-width:160px;padding:4px;display:flex;flex-direction:column;z-index:60}
.lg-app .db-user-dropdown a{padding:8px;border-radius:8px;color:#1a202c;text-decoration:none;font-size:14px}.lg-app .db-user-dropdown a:hover{background:#f8fafc}
.lg-app .db-user-dropdown[hidden]{display:none}
.lg-app .lg-layout{padding-top:28px}
.lg-app .lg-toc{top:88px}
.lg-app html,html.lg-app-html{scroll-padding-top:84px}
@media(max-width:768px){.lg-app .db-topbar{padding:12px 14px}}
/* v2: signed-in view = top bar only (no left menu), centered content, Back to dashboard pill */
.lg-app .db-topbar{justify-content:flex-start}
.lg-app .db-language-control{margin-left:auto}
.lg-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#1e3a5f;font:800 19px/1 Inter,system-ui,sans-serif;letter-spacing:-.5px}
.lg-logo img{width:28px;height:28px;object-fit:contain}
.lg-backbar{max-width:1120px;width:100%;margin:0 auto;padding:22px 28px 0}
.lg-back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#1e3a5f;font:600 13px/1 Inter,system-ui,sans-serif;text-decoration:none}
.lg-back:hover{background:#f1f5f9}.lg-back svg{width:16px;height:16px}
.lg-app .lg-layout{padding-top:16px;width:100%}
@media(max-width:860px){.lg-backbar{padding:16px 16px 0}}
@media(max-width:480px){.lg-logo span{display:none}}