/* Shared shell for the legal pages. Same tokens as the storefront so these
   do not look like a bolt-on, but kept in its own file since nothing else
   on the site needs long-form prose styling. */
:root { --blue:#2CA8D8; --blue-deep:#1F87B4; --sun:#F5B21E; --ink:#23303A; --paper:#FBF7EF;
        --cloud:#fff; --muted:#5c6a74; --rule:#e7e0d2;
        --display:"Baloo 2","Trebuchet MS",sans-serif; --body:"Nunito",-apple-system,sans-serif; }
* { box-sizing:border-box }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.65; }
.wrap { max-width:760px; margin:0 auto; padding:0 22px 80px; }
header.top { border-bottom:2px solid var(--rule); background:var(--cloud); margin-bottom:34px; }
header.top .wrap { padding-top:18px; padding-bottom:18px; display:flex; align-items:center; gap:14px; }
header.top a.home { font-family:var(--display); font-weight:800; font-size:21px; color:var(--blue-deep); text-decoration:none; }
header.top nav { margin-inline-start:auto; display:flex; gap:18px; font-weight:700; font-size:15px; }
header.top nav a { color:var(--muted); text-decoration:none; }
header.top nav a:hover { color:var(--blue-deep); }
h1 { font-family:var(--display); font-size:clamp(30px,5vw,42px); margin:0 0 6px; line-height:1.1; }
h2 { font-family:var(--display); font-size:23px; margin:34px 0 10px; }
h3 { font-family:var(--display); font-size:18px; margin:22px 0 6px; }
.lede { color:var(--muted); font-size:16px; margin:0 0 4px; }
.meta { color:var(--muted); font-size:15px; border-left:4px solid var(--sun); padding:10px 14px; background:var(--cloud); border-radius:0 10px 10px 0; margin:20px 0 8px; }
.meta b { color:var(--ink); }
table { width:100%; border-collapse:collapse; margin:14px 0; font-size:15.5px; }
th, td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--rule); vertical-align:top; }
th { font-family:var(--display); background:var(--cloud); }
ul { padding-inline-start:22px; }
li { margin:5px 0; }
a { color:var(--blue-deep); }
.note { background:var(--cloud); border:2px solid var(--rule); border-radius:12px; padding:14px 18px; margin:22px 0; font-size:15.5px; }
footer.foot { border-top:2px solid var(--rule); margin-top:44px; padding-top:18px; color:var(--muted); font-size:14.5px; }
@media (max-width:560px){ body{font-size:16px} .wrap{padding:0 16px 60px} table{font-size:14.5px} }