/* Shared styling for the Terms and Privacy pages. Same type and palette as the
   landing page, but set for reading rather than selling. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#FBFAF7; --paper:#FFFFFF; --ink:#1E1A16; --ink2:#5C564C; --ink3:#9A9184;
  --bronze:#A47C52; --gold-soft:#F4EBDE; --line:#E5E0D6; --dark:#141210;
}
html{scroll-behavior:smooth}
body{
  font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--cream);color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--bronze);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--ink)}

nav{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{max-width:760px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-weight:700;font-size:20px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.logo em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--bronze);font-weight:600;font-size:23px}
.nav-in a.back{font-size:14.5px;color:var(--ink2);text-decoration:none}
.nav-in a.back:hover{color:var(--ink)}

main{max-width:760px;margin:0 auto;padding:46px 22px 90px}
h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(32px,5.5vw,46px);line-height:1.1;letter-spacing:-.01em;margin-bottom:10px}
.stamp{font-size:13.5px;color:var(--ink3);letter-spacing:.04em;margin-bottom:32px}
h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:38px 0 12px;padding-top:4px}
h3{font-size:16px;font-weight:600;margin:24px 0 8px}
p{margin-bottom:14px;color:var(--ink2)}
p strong,li strong{color:var(--ink);font-weight:600}
ul,ol{margin:0 0 16px 20px}
li{margin-bottom:9px;color:var(--ink2)}

/* the plain-English box at the top */
.summary{background:var(--gold-soft);border:1px solid #E8DBC6;border-radius:16px;padding:22px 24px;margin-bottom:34px}
.summary h2{margin:0 0 12px;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze)}
.summary ul{margin:0 0 0 18px}
.summary li{color:var(--ink);margin-bottom:8px}
.summary li:last-child{margin-bottom:0}

/* things worth not skimming past */
.flag{border-left:3px solid var(--bronze);background:var(--paper);border-radius:0 12px 12px 0;padding:14px 18px;margin:18px 0}
.flag p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--line);margin-top:60px}
.foot-in{max-width:760px;margin:0 auto;padding:26px 22px 40px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:14px;color:var(--ink3)}
.foot-in a{color:var(--ink2);text-decoration:none}
.foot-in a:hover{color:var(--ink)}
.foot-links{display:flex;gap:20px}

@media(max-width:560px){
  main{padding:32px 20px 70px}
  .summary{padding:18px 18px}
}