/* Shared styling for the legal pages, using the palette and type from
   index.html so /privacy and /terms read as part of the same site. */
:root{
  --paper:#F1F5EE; --paper-soft:#E3EEE1; --paper-line:rgba(20,32,28,.12);
  --ink:#16221D; --ink-soft:#48564C;
  --ember:#FDBA74; --ember-deep:#C9822E;
  --char:#101F26;
  --sage-deep:#728A8F;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:"Inter",system-ui,sans-serif;color:var(--ink);background:var(--paper);
  line-height:1.65;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 24px;}

header.masthead{border-bottom:1px solid var(--paper-line);padding:26px 0;margin-bottom:56px;}
header.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;}
/* The masthead is the real Embering.app lockup. Its ink is near-black, which
   works here because these pages sit on the light paper background — it would
   disappear on index.html's dark nav, which uses the flame mark instead. */
.logo{display:inline-block;text-decoration:none;line-height:0;}
.logo img{display:block;height:38px;width:auto;}
.back{font-size:14px;color:var(--ink-soft);text-decoration:none;}
.back:hover{color:var(--ink);}

.eyebrow{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:0.14em;
  text-transform:uppercase;font-weight:600;color:var(--sage-deep);
  display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px 1px var(--ember);}

h1{font-family:"Fraunces",Georgia,serif;font-weight:440;font-size:clamp(30px,5vw,42px);line-height:1.12;letter-spacing:-0.01em;}
h2{font-family:"Fraunces",Georgia,serif;font-weight:440;font-size:23px;line-height:1.2;margin:44px 0 12px;}
h3{font-family:"Inter",sans-serif;font-weight:600;font-size:15.5px;margin:26px 0 8px;}
p,li{font-size:16px;color:var(--ink);}
p+p{margin-top:14px;}
ul,ol{margin:12px 0 0 22px;}
li+li{margin-top:8px;}
a{color:var(--ember-deep);}
strong{font-weight:600;}

.updated{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-soft);margin-top:18px;}
.lede{font-size:18px;color:var(--ink-soft);margin-top:18px;line-height:1.6;}

/* The plain-language summary box at the top of each page. */
.summary{
  background:var(--paper-soft);border:1px solid var(--paper-line);border-radius:10px;
  padding:22px 24px;margin:36px 0 8px;
}
.summary h2{margin:0 0 10px;font-size:19px;}
.summary ul{margin-left:20px;}

/* Anything the draft still needs a human decision on. Deliberately loud —
   these must not survive to publication. */
.todo{
  background:#FFF4E0;border-left:3px solid var(--ember-deep);
  padding:14px 18px;margin:18px 0;border-radius:0 8px 8px 0;font-size:15px;
}
.todo strong{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-deep);display:block;margin-bottom:5px;}

.draft-banner{
  background:var(--char);color:#E3EEE1;padding:16px 0;font-size:14.5px;
}
.draft-banner .wrap{display:flex;gap:12px;align-items:flex-start;}
.draft-banner b{color:var(--ember);}

footer{border-top:1px solid var(--paper-line);margin-top:72px;padding:32px 0 64px;color:var(--ink-soft);font-size:14px;}
footer a{color:var(--ink-soft);}