/* Shared by privacy.html, terms.html and support.html. Same tokens as the landing page,
   but a document treatment: the sheet does the work, not the decoration.
   These pages are read, not scanned, so the measure and the rhythm matter
   more than any flourish. */
:root{
  --ink:#7A5C6E;
  --ink-soft:#9C8794;
  --ink-faint:#B9A7B2;
  --ink-text:#6B5060;
  --cream:#FFF6E5;
  --cream-hi:#FFFCF4;
  --blush:#FFD9E6;
  --blush-pale:#FFEFF5;
  --rose:#F49AC1;
  --rose-deep:#D9689A;
  --mint:#BFE8CE;
  --butter:#FFE9A8;
  --stroke:3px;
  --radius:22px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  color:var(--ink-text);
  font-family:"M PLUS Rounded 1c",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;
  font-weight:500;
  font-size:17px;
  line-height:1.68;
  background-color:var(--blush-pale);
  /* A paler gingham than the landing page — it sits behind text here. */
  background-image:
    repeating-linear-gradient(90deg,rgba(244,154,193,.18) 0 19px,rgba(244,154,193,0) 19px 38px),
    repeating-linear-gradient(0deg, rgba(244,154,193,.18) 0 19px,rgba(244,154,193,0) 19px 38px);
  overflow-x:hidden;
}

a{color:var(--rose-deep)}
:focus-visible{outline:4px solid #9E82CC;outline-offset:3px;border-radius:6px}

.wrap{width:min(760px,92vw);margin-inline:auto;padding:26px 0 60px}

.back{
  display:inline-flex;align-items:center;gap:9px;
  font-weight:700;font-size:15px;text-decoration:none;color:var(--ink);
  background:var(--cream-hi);
  border:2.5px solid var(--ink);
  border-radius:999px;padding:8px 18px;
  box-shadow:0 3px 0 var(--ink);
  margin-bottom:26px;
}
.back:hover{background:var(--blush)}

.sheet{
  background:var(--cream);
  border:var(--stroke) solid var(--ink);
  border-radius:var(--radius);
  box-shadow:0 5px 0 var(--ink);
  padding:clamp(24px,5vw,50px);
}

h1{
  font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;
  color:#fff;-webkit-text-stroke:.11em var(--ink);paint-order:stroke fill;
  font-size:clamp(1.9rem,5.4vw,2.7rem);
  line-height:1.1;margin:0;text-wrap:balance;
}
.stamp{
  display:inline-block;margin-top:14px;
  font-size:13.5px;font-weight:700;color:var(--ink-soft);
  background:var(--cream-hi);
  border:2.5px solid var(--ink-faint);
  border-radius:999px;padding:6px 15px;
}

h2{
  font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;
  font-size:1.3rem;color:var(--ink);
  margin:38px 0 10px;line-height:1.25;
}
h3{
  font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;
  font-size:1.06rem;color:var(--ink);margin:24px 0 6px;
}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:0;list-style:none}
li{position:relative;padding-left:24px;margin-bottom:9px}
/* A small round bullet in the app's rose, rather than a disc. */
li::before{
  content:"";position:absolute;left:4px;top:.62em;
  width:8px;height:8px;border-radius:50%;
  background:var(--rose);border:2px solid var(--ink);
}
strong{color:var(--ink);font-weight:700}

.lede{font-size:1.06rem;color:var(--ink-soft);font-weight:700;margin-top:20px}

/* The one thing a reader should not be able to miss. */
.callout{
  background:var(--blush-pale);
  border:2.5px solid var(--ink);
  border-radius:16px;
  padding:16px 18px;margin:20px 0 22px;
  box-shadow:0 4px 0 var(--rose);
}
.callout p:last-child{margin-bottom:0}

.contact{
  background:var(--cream-hi);
  border:2.5px solid var(--ink-faint);
  border-radius:16px;padding:16px 18px;margin-top:26px;
}
.contact p:last-child{margin-bottom:0}

footer{
  text-align:center;color:var(--ink-faint);
  font-size:13.5px;font-weight:700;padding:26px 0 40px;
}
footer a{color:var(--ink-soft)}