/* ==========================================================================
   Unlonely — Legal pages (Terms, Privacy). Matches unlonely-theme.css:
   Poppins type, cream canvas, warm ink, signature orange accents.
   ========================================================================== */
@import "/fonts/poppins.css";

:root{
  --brand:#ff6e00;
  --brand-deep:#e85f00;
  --ink:#241c15;
  --ink-soft:#6f6154;
  --cream:#fff9f0;
  --sand:#f5ead9;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:'Poppins','Inter',-apple-system,sans-serif;
  background:var(--cream);
  color:var(--ink-soft);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

header.bar{
  display:flex; align-items:center; gap:12px;
  padding:16px 24px;
  position:sticky; top:0; z-index:10;
  background:rgba(255,249,240,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--sand);
}
header.bar a.home{
  display:inline-flex; align-items:center; gap:11px;
  text-decoration:none; color:var(--ink);
  font-weight:700; font-size:1.4rem; letter-spacing:-.03em;
}
header.bar a.home .logo{
  width:38px; height:38px; flex:none; border-radius:11px;
  background:url(/_next/static/media/unlonely-logo.png) center/cover no-repeat, var(--butter, #ffd88a);
  box-shadow:0 4px 12px -3px rgba(210,120,40,.5), 0 1px 0 rgba(255,255,255,.6) inset;
}
header.bar nav{ margin-left:auto; display:flex; gap:22px; }
header.bar nav a{
  color:var(--ink-soft); text-decoration:none;
  font-weight:600; font-size:.95rem;
}
header.bar nav a:hover, header.bar nav a.active{ color:var(--brand); }

.wrap{ max-width:760px; margin:0 auto; padding:40px 24px 96px; }

h1{
  font-family:'Poppins',sans-serif; color:var(--ink);
  font-weight:700; font-size:2.15rem; letter-spacing:-.032em;
  margin:6px 0 4px;
}
.updated{ color:var(--brand); font-weight:600; font-size:.9rem; margin:0 0 30px; }
.lead{ font-size:1.1rem; color:var(--ink); margin-bottom:6px; }

h2{
  font-family:'Poppins',sans-serif; color:var(--ink);
  font-weight:700; font-size:1.28rem; letter-spacing:-.02em;
  margin:36px 0 10px;
}
p, li{ font-size:1.02rem; }
a{ color:var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }
ul{ padding-left:22px; margin:10px 0; }
li{ margin:7px 0; }
strong{ color:var(--ink); font-weight:600; }

.note{
  background:var(--sand);
  border-radius:16px;
  padding:18px 20px;
  margin:22px 0;
  font-size:.98rem;
}
.note strong{ color:var(--brand-deep); }

footer{
  max-width:760px; margin:0 auto;
  padding:26px 24px 48px;
  color:var(--ink-soft); font-size:.88rem;
  border-top:1px solid var(--sand);
}
footer a{ color:var(--ink-soft); font-weight:600; }
footer .row{ display:flex; gap:20px; flex-wrap:wrap; margin-top:8px; }