/* Shared by privacy.html and terms.html — two documents with identical chrome
   and nothing else on them. index.html keeps its own inline CSS: it is one
   unique layout, and 404.html is thirty lines of centred text. This file
   exists so the two long text pages cannot drift apart from each other.

   Values are the same ones as index.html. Change them in both, or neither. */

body{margin:0;background:#FBF9F0;font-family:Nunito,system-ui,sans-serif;color:#15160F;-webkit-font-smoothing:antialiased}
a{color:#2F6B3C;text-decoration:none}
a:hover{color:#1E4A28}
img{display:block}

.accent-rule{height:4px;background:#A6C962}

/* Header — same markup and measurements as index.html, including the phone
   layout, minus the "Say hello" pill which is not worth the row here. */
.site-header-sticky{position:sticky;top:0;z-index:40}
.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(251,249,240,0.88);border-bottom:1px solid #EBE7D8}
.site-header-inner{max-width:1220px;margin:0 auto;padding:12px clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:10px 22px;flex-wrap:wrap}
.wordmark-link{display:block;flex:0 1 auto;min-width:0;color:inherit;padding:2px 0}
.wordmark-link img{width:216px;height:auto}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto}
.nav-link{font-size:15px;font-weight:600;color:#23241B;padding:9px 14px;border-radius:999px;white-space:nowrap;transition:background 140ms ease,color 140ms ease}
.nav-link:hover{background:#EDEFE0;color:#15160F}
@media (max-width: 719px){
  .site-header-inner{gap:6px 8px;padding:10px 14px}
  .wordmark-link img{width:128px}
  .site-nav{flex:1 0 auto}
  .nav-link{font-size:14px;padding:9px 8px}
}

/* The document. 68ch is about 12 words a line — past that the eye loses the
   start of the next one. */
.legal{max-width:68ch;margin:0 auto;padding:48px clamp(20px,5vw,40px) 72px}
.legal h1{margin:0;font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(32px,4.5vw,44px);line-height:1.08}
.legal .updated{margin:12px 0 0;font-size:15px;color:#6A6C5E}
.legal .summary{margin:28px 0 0;font-size:19px;line-height:1.6;color:#3B3D33;text-wrap:pretty}
.legal h2{margin:48px 0 0;font-family:'Baloo 2',cursive;font-weight:700;font-size:clamp(23px,2.6vw,28px);line-height:1.2}
.legal h3{margin:30px 0 0;font-family:'Baloo 2',cursive;font-weight:700;font-size:19px;line-height:1.25}
.legal p{margin:14px 0 0;font-size:17px;line-height:1.7;color:#4A4C40;text-wrap:pretty}
.legal ul{margin:14px 0 0;padding-left:22px}
.legal li{margin:9px 0 0;font-size:17px;line-height:1.7;color:#4A4C40}
.legal strong{color:#2A2C22}
.legal hr{margin:56px 0 0;border:0;border-top:1px solid #EBE7D8}
.legal .footnote{margin:20px 0 0;font-size:14px;line-height:1.6;color:#7A7C6E}

/* Footer — same as index.html. */
.site-footer{background:#FEFEFA;border-top:1px solid #EFEDE1;padding:40px 0}
.footer-inner{max-width:1220px;margin:0 auto;padding:0 clamp(20px,5vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-inner img{width:180px;height:auto}
.footer-nav{display:flex;gap:20px 28px;flex-wrap:wrap}
.footer-link{font-size:15px;font-weight:600;color:#3B3D33}
.site-footer .accent-rule{margin-top:40px}