/* Keppt legal pages (terms / privacy) — matches the homepage brand. */
@font-face{font-family:'Outfit';font-weight:700;src:url('/fonts/Outfit-Bold.ttf') format('truetype');font-display:swap;}
@font-face{font-family:'Outfit';font-weight:600;src:url('/fonts/Outfit-SemiBold.ttf') format('truetype');font-display:swap;}
@font-face{font-family:'Figtree';font-weight:400;src:url('/fonts/Figtree-Regular.ttf') format('truetype');font-display:swap;}
@font-face{font-family:'Figtree';font-weight:500;src:url('/fonts/Figtree-Medium.ttf') format('truetype');font-display:swap;}
@font-face{font-family:'IBM Plex Mono';font-weight:500;src:url('/fonts/IBMPlexMono-Medium.ttf') format('truetype');font-display:swap;}

:root{
  --plum:#221D28; --bone:#F2EFE9; --paper:#FBFAF7; --mint:#8FC7A8;
  --mint-deep:#4F9E77; --ink:#241F2B; --muted:#6B6472; --line:rgba(34,29,40,.12);
}
*{box-sizing:border-box;}
body{
  font-family:'Figtree',system-ui,sans-serif;
  max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 4.5rem;
  line-height:1.65;color:#3a343f;background:var(--bone);
  font-size:17px;-webkit-font-smoothing:antialiased;
}
/* branded home link at the top of each page */
.home{display:inline-flex;align-items:center;gap:10px;margin:0 0 1.5rem;
  font-family:'Outfit',sans-serif;font-weight:700;font-size:1.25rem;
  letter-spacing:-.02em;color:var(--ink);text-decoration:none;}
.home .mk{position:relative;width:24px;height:24px;border-radius:7px;background:var(--plum);}
.home .mk::after{content:"";position:absolute;top:0;left:7px;width:11px;height:4px;
  border-radius:0 0 4px 4px;background:var(--mint);}

h1{font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:-.02em;
  font-size:clamp(2rem,5vw,2.6rem);line-height:1.05;margin:0 0 .25rem;color:var(--ink);}
h2{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:-.01em;
  font-size:1.3rem;margin:2.25rem 0 .5rem;color:var(--ink);}
h3{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.08rem;margin:1.5rem 0 .4rem;color:var(--ink);}
p{margin:0 0 .9rem;}
strong{color:var(--ink);}
a{color:var(--mint-deep);}
ul,ol{padding-left:1.4rem;}
li{margin:.2rem 0;}
.meta{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--muted);
  letter-spacing:.02em;margin-bottom:1.5rem;}
.draft-notice{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--mint);
  border-radius:10px;padding:.85rem 1.1rem;margin:0 0 1.75rem;font-size:.95rem;color:#3a343f;}
hr{border:none;border-top:1px solid var(--line);margin:2.25rem 0;}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line);
  font-size:.85rem;color:var(--muted);}
footer a{color:var(--mint-deep);}

/* support page */
.lead{font-size:1.12rem;color:#4a434f;margin:0 0 1.75rem;max-width:60ch;}
.card{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--mint);
  border-radius:12px;padding:1.15rem 1.3rem;margin:0 0 2.25rem;}
.card .big{display:block;font-family:'Outfit',sans-serif;font-weight:600;font-size:1.12rem;
  color:var(--ink);margin-bottom:.15rem;}
.card p{margin:0;}
.topics{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.75rem;
  margin:.4rem 0 1rem;padding:0;list-style:none;}
@media(max-width:560px){.topics{grid-template-columns:1fr;}}
.topics li{margin:0;padding-left:1.5rem;position:relative;}
.topics li::before{content:"";position:absolute;left:0;top:.55em;width:11px;height:6px;
  border:solid var(--mint-deep);border-width:0 0 2px 2px;transform:rotate(-45deg);}
details.q{border-bottom:1px solid var(--line);padding:.9rem 0;}
details.q:first-of-type{border-top:1px solid var(--line);}
details.q summary{font-family:'Outfit',sans-serif;font-weight:600;font-size:1.05rem;
  color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;
  gap:1rem;align-items:center;}
details.q summary::-webkit-details-marker{display:none;}
details.q summary::after{content:"+";color:var(--mint-deep);font-family:'IBM Plex Mono',monospace;
  font-size:1.25rem;line-height:1;}
details.q[open] summary::after{content:"–";}
details.q p{margin:.7rem 0 0;color:#3a343f;}