/* Olive: the three plain-words pages (privacy, terms, safety). Same tokens and faces as the homepage. */
:root{
  --paper:#FBF6EA; --card:#FFFDF6; --fold:#E8DFCE; --fold-2:#F3ECDC;
  --ink:#2A1F14; --ink-soft:#3D3124; --slate-text:#5C4E3D;
  --gold:#F5B400; --gold-lip:#B8860B; --gold-text:#A87500;
  --water-text:#1F5FD0; --water-lip:#164AA6;
  --sky:#CFE8FF; --mint:#C9F2D2; --blush:#FFD9CC; --lilac:#E9D8FF; --wash:#FFF0B8;
  --display:'Unbounded','Nunito',sans-serif; --sans:'Nunito',system-ui,sans-serif;
  --container:1120px; --read:720px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:600 17px/1.65 var(--sans);color:var(--ink-soft);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--water-text);text-decoration-thickness:2px;text-underline-offset:3px}
@media(hover:hover){a:hover{color:var(--water-lip)}}
:focus-visible{outline:3px solid var(--water-text);outline-offset:3px;border-radius:6px}

/* nav */
.nav{position:sticky;top:0;z-index:10;height:68px;background:rgba(251,246,234,.94);backdrop-filter:blur(10px);border-bottom:2px solid var(--fold)}
.nav .wrap{max-width:var(--container);height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo img{width:40px;height:40px}
.logo .word{font:800 21px var(--display);letter-spacing:-.02em;color:var(--ink)}
.nav-links{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a{font:900 12px var(--sans);letter-spacing:.9px;text-transform:uppercase;color:var(--slate-text);text-decoration:none;padding:8px 10px;border-radius:12px;border:2px solid transparent}
.nav-links a[aria-current="page"]{border-color:var(--ink);color:var(--ink);background:var(--card)}
@media(hover:hover){.nav-links a:hover{color:var(--ink)}}

/* page */
main{max-width:calc(var(--read) + 40px);margin:0 auto;padding:44px 20px 72px}
.updated{display:inline-block;font:900 12px var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--slate-text);background:var(--wash);border:2px solid var(--ink);border-radius:999px;padding:6px 14px;margin-bottom:22px}
h1{font:800 clamp(30px,6vw,44px)/1.12 var(--display);color:var(--ink);letter-spacing:-.02em;margin-bottom:16px}
.lede{font-size:19px;line-height:1.6;color:var(--ink-soft);margin-bottom:28px}
h2{font:800 clamp(21px,3.6vw,25px)/1.25 var(--display);color:var(--ink);letter-spacing:-.01em;margin:44px 0 12px;scroll-margin-top:84px}
h3{font:900 18px/1.35 var(--sans);color:var(--ink);margin:24px 0 8px}
p,ul,ol{margin-bottom:14px}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
strong{color:var(--ink);font-weight:800}

/* contents */
.toc{background:var(--card);border:2px solid var(--fold);border-radius:18px;padding:18px 22px;margin:8px 0 8px}
.toc b{display:block;font:900 12px var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--slate-text);margin-bottom:8px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.toc li{break-inside:avoid;margin-bottom:4px;font-size:16px}
@media(max-width:560px){.toc ol{columns:1}}

/* callouts */
.note{border:2px solid var(--ink);border-radius:18px;padding:16px 20px;margin:18px 0;background:var(--sky)}
.note.warm{background:var(--blush)}
.note.mint{background:var(--mint)}
.note.lilac{background:var(--lilac)}
.note p:last-child,.note ul:last-child{margin-bottom:0}
.note .tag{display:block;font:900 12px var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.placeholder{background:var(--wash);border:2px dashed var(--gold-lip);border-radius:8px;padding:1px 6px;font-weight:800;color:var(--ink)}

/* tables: scroll sideways on phones instead of breaking the page */
.table-wrap{overflow-x:auto;margin:16px 0 20px;border:2px solid var(--fold);border-radius:18px;background:var(--card);-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:600px;font-size:15px;line-height:1.5}
th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:2px solid var(--fold-2)}
th{font:900 12px var(--sans);letter-spacing:.9px;text-transform:uppercase;color:var(--slate-text);background:var(--fold-2)}
tr:last-child td{border-bottom:none}
td:first-child{font-weight:800;color:var(--ink)}

/* crisis box */
.crisis{border:2px solid var(--ink);border-radius:18px;background:var(--card);padding:18px 20px;margin:18px 0}
.crisis ul{list-style:none;padding:0;margin:0}
.crisis li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:2px solid var(--fold-2);margin:0}
.crisis li:last-child{border-bottom:none}
.crisis .num{font:800 18px var(--display);color:var(--ink);min-width:118px}

/* footer */
.footer{background:var(--ink);color:var(--paper);padding:56px 0 40px}
.footer .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:var(--container);margin:0 auto;padding:0 20px 32px}
.footer h5{font:800 16px var(--sans);margin-bottom:12px}
.footer a{display:block;font:600 15px/2.1 var(--sans);color:rgba(251,246,234,.72);text-decoration:none}
@media(hover:hover){.footer a:hover{color:var(--paper)}}
.foot-close{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:var(--container);margin:0 auto;padding:28px 20px 0;border-top:2px solid rgba(251,246,234,.18)}
.foot-close .logo .word{color:var(--paper);font-size:22px}
.foot-close .logo img{width:32px;height:32px}
.foot-close>span{font:600 14px var(--sans);color:rgba(251,246,234,.6)}
@media(max-width:860px){.footer .cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
  body{font-size:16px}
  .nav-links a{padding:6px 7px;font-size:11px;letter-spacing:.6px}
  .logo .word{display:none}
  .lede{font-size:17px}
}