/* Backyard Atlas — shared styling for the three legal pages.
   Same tokens and typeface as the landing page, set at a comfortable reading
   measure. These pages are read by a worried parent at 10pm; they should feel
   like the rest of the site, not like a contract someone bolted on. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

:root{
  --teal:#169B8C; --teal-dark:#0E7468; --coral:#FF6B61; --coral-dark:#E8554B;
  --sunny:#FFC94D; --ink:#20303A; --ink-soft:#566570; --line:#E7EDEB;
  --paper:#FFFFFF; --surface:#F4FAF9; --sand:#FFF7E8;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Nunito',-apple-system,'Segoe UI',sans-serif;
  color:var(--ink);background:var(--surface);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}

.topbar{background:var(--paper);border-bottom:1.5px solid var(--line);padding:18px 0}
.topbar a{
  color:var(--teal-dark);text-decoration:none;font-weight:800;font-size:14px;
  letter-spacing:.4px;
}
.topbar a:hover{text-decoration:underline}

.sheet{
  background:var(--paper);border:1.5px solid var(--line);border-radius:20px;
  padding:44px 40px;margin:34px auto 40px;
  box-shadow:0 12px 34px rgba(32,48,58,.06);
}
.eyebrow{
  color:var(--teal);font-weight:900;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:10px;
}
h1{font-size:34px;line-height:1.2;letter-spacing:-.5px;margin-bottom:8px}
.updated{color:var(--ink-soft);font-size:13.5px;margin-bottom:28px}
.plain{
  background:var(--sand);border-radius:14px;padding:18px 20px;margin-bottom:30px;
  font-size:15px;
}
.plain b{display:block;color:var(--coral-dark);font-size:11px;letter-spacing:1.5px;
  text-transform:uppercase;margin-bottom:5px}

h2{
  font-size:20px;margin:34px 0 10px;color:var(--teal-dark);
  padding-top:22px;border-top:1.5px solid var(--line);
}
h2:first-of-type{border-top:none;padding-top:0}
h3{font-size:16px;margin:22px 0 6px;color:var(--ink)}
p{margin-bottom:14px;font-size:15.5px}
ul{margin:0 0 16px 22px}
li{margin-bottom:8px;font-size:15.5px}
a{color:var(--teal-dark)}
strong{font-weight:800}
.fill{background:#FFF3C4;padding:1px 6px;border-radius:5px;font-weight:800}

footer{background:var(--paper);border-top:1.5px solid var(--line);
  padding:30px 0;text-align:center}
footer .links a{margin:0 10px;font-size:14px;font-weight:700;color:var(--teal-dark);
  text-decoration:none}
footer .links a:hover{text-decoration:underline}
footer .sig{margin-top:14px;font-weight:800;letter-spacing:2px;font-size:11px;
  text-transform:uppercase;color:var(--ink-soft);opacity:.7}

@media (max-width:620px){
  .sheet{padding:30px 22px;border-radius:16px}
  h1{font-size:27px}
}