/* legal.css — Warm Daylight styling for the /legal hub + policy pages. */
:root{
  --pp0:#FAF7F0;--pp1:#FFFEFA;--pp2:#F3EDE1;
  --ik9:#221D15;--ik7:#4A4335;--ik5:#6E6455;--ik3:#9A9080;
  --ln1:#EAE3D3;--ln2:#D9CFB9;
  --cl6:#B4552D;--cl7:#9A4423;--cl1:#F6E3D9;
  --gd6:#A87F2C;--gd1:#F3E9D2;--mo6:#4A6B57;--mo1:#E7EFE7;
  --fd:"Newsreader",Georgia,serif;--ff:"Plus Jakarta Sans",system-ui,sans-serif;--fm:"JetBrains Mono",monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--pp0);color:var(--ik7);font-family:var(--ff);line-height:1.65;-webkit-font-smoothing:antialiased}
.lg-nav{position:sticky;top:0;z-index:20;background:rgba(250,247,240,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln1)}
.lg-nav-in{max-width:900px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:14px}
.lg-brand{display:flex;align-items:center;gap:9px;font-family:var(--fd);font-size:19px;font-weight:600;color:var(--ik9);text-decoration:none}
.lg-brand img{width:26px;height:26px}
.lg-crumb{font-family:var(--fm);font-size:12px;color:var(--ik5);text-decoration:none}
.lg-crumb:hover{color:var(--cl6)}
.lg-sp{flex:1}
.lg-back{font-size:13px;color:var(--ik7);text-decoration:none;border:1px solid var(--ln2);border-radius:9px;padding:7px 14px;transition:.15s}
.lg-back:hover{border-color:var(--cl6);color:var(--cl6)}
.lg-wrap{max-width:760px;margin:0 auto;padding:56px 24px 40px}
.lg-kicker{font-family:var(--fm);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cl6);margin:0 0 12px}
h1.lg-title{font-family:var(--fd);font-size:2.6rem;font-weight:600;color:var(--ik9);margin:0 0 10px;line-height:1.1;letter-spacing:-.01em}
.lg-eff{font-family:var(--fm);font-size:12.5px;color:var(--ik5);margin:0 0 26px}
.lg-review{display:flex;gap:12px;align-items:flex-start;background:var(--gd1);border:1px solid #E7D3A6;border-radius:12px;padding:15px 17px;margin:0 0 34px;font-size:13.5px;color:#6b551f;line-height:1.55}
.lg-review b{color:#5a4718}
.lg-review .lg-ric{flex:none;font-size:17px;line-height:1.2}
.lg-toc{background:var(--pp2);border:1px solid var(--ln1);border-radius:14px;padding:20px 24px;margin:0 0 40px}
.lg-toc h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ik9);margin:0 0 12px;font-weight:700}
.lg-toc ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
.lg-toc li{margin-bottom:7px}
.lg-toc a{color:var(--ik7);text-decoration:none;font-size:13.5px}
.lg-toc a:hover{color:var(--cl6)}
.lg-wrap h2{font-family:var(--fd);font-size:1.5rem;font-weight:600;color:var(--ik9);margin:38px 0 12px;scroll-margin-top:80px}
.lg-wrap h3{font-size:1.08rem;font-weight:700;color:var(--ik9);margin:24px 0 8px}
.lg-wrap p,.lg-wrap li{color:var(--ik7);font-size:1.02rem;line-height:1.78}
.lg-wrap ul,.lg-wrap ol.lg-list{margin:12px 0;padding-left:24px}
.lg-wrap li{margin-bottom:8px}
.lg-wrap a{color:var(--cl6);font-weight:600;text-decoration:none}
.lg-wrap a:hover{text-decoration:underline}
.lg-wrap strong{color:var(--ik9)}
table.lg-tbl{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
table.lg-tbl th,table.lg-tbl td{text-align:left;padding:10px 12px;border:1px solid var(--ln2);vertical-align:top}
table.lg-tbl th{background:var(--pp2);color:var(--ik9);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.lg-note{font-size:13px;color:var(--ik5);border-left:3px solid var(--ln2);padding:4px 0 4px 14px;margin:18px 0}
/* hub */
.lg-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:30px 0}
.lg-card{display:block;background:var(--pp1);border:1px solid var(--ln1);border-radius:14px;padding:20px 20px 18px;text-decoration:none;transition:.15s}
.lg-card:hover{border-color:var(--cl6);transform:translateY(-2px);box-shadow:0 14px 30px rgba(34,29,21,.08)}
.lg-card h3{font-family:var(--fd);font-size:1.2rem;font-weight:600;color:var(--ik9);margin:0 0 6px}
.lg-card p{margin:0;font-size:13px;color:var(--ik5);line-height:1.55}
.lg-card .lg-arrow{color:var(--cl6);font-size:13px;margin-top:10px;display:inline-block;font-family:var(--fm)}
@media(max-width:640px){.lg-toc ol{columns:1}h1.lg-title{font-size:2rem}}