/* Public content-page template (privacy, terms, GDPR, contacts, data deletion).
   Shares the marketing site's look: Archivo type + warm coral/teal palette +
   the same header/footer chrome as the home. Fonts self-hosted (GDPR). */

@font-face{font-family:"Archivo";src:url("/fonts/Archivo-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/Archivo-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Archivo Narrow";src:url("/fonts/ArchivoNarrow-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Archivo Narrow";src:url("/fonts/ArchivoNarrow-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --bg:32 42% 96%; --fg:20 26% 14%; --card:34 52% 98.5%;
  --muted:30 30% 92%; --muted-fg:24 13% 40%;
  --primary:12 83% 46%; --primary-fg:34 52% 98%;
  --secondary:176 46% 36%; --border:28 26% 87%;
  --accent:22 68% 92%; --accent-fg:13 72% 38%; --good:160 48% 36%;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:22 20% 9%; --fg:32 28% 92%; --card:24 18% 12%;
    --muted:24 14% 18%; --muted-fg:28 12% 63%;
    --primary:12 86% 63%; --primary-fg:22 22% 9%;
    --secondary:176 44% 50%; --border:26 16% 22%;
    --accent:16 32% 20%; --accent-fg:14 82% 72%; --good:160 44% 46%;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:hsl(var(--bg));color:hsl(var(--fg));
  font-family:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
::selection{background:hsl(var(--primary)/.22)}

/* ---- header (matches the home) ---- */
.nav{position:sticky;top:0;z-index:40;border-bottom:1px solid hsl(var(--border)/.55);
  background:hsl(var(--bg)/.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-in{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:64px;padding:8px 24px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;
  font-family:"Archivo Narrow","Archivo",sans-serif;font-weight:700;letter-spacing:-.01em}
.logo .mark{width:32px;height:32px;border-radius:.7rem;box-shadow:0 6px 16px -8px hsl(12 83% 46%/.5)}
.logo span{font-size:18px}
.logo b{color:hsl(var(--primary));font-weight:700}
.nav-menu{display:flex;align-items:center;gap:14px}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{color:hsl(var(--muted-fg));text-decoration:none;font-size:14px;font-weight:500;
  padding:8px 12px;border-radius:.55rem;transition:color .15s,background .15s}
.nav-links a:hover{color:hsl(var(--fg));background:hsl(var(--muted)/.6)}
.nav-links a[aria-current="page"]{color:hsl(var(--primary));background:hsl(var(--primary)/.1)}
.nav-cta{display:flex;align-items:center;gap:8px}
.btn-ghost{color:hsl(var(--fg));text-decoration:none;font-size:14px;font-weight:600;
  padding:8px 14px;border-radius:.7rem;transition:background .15s}
.btn-ghost:hover{background:hsl(var(--muted)/.7)}
.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-fg));text-decoration:none;
  font-size:14px;font-weight:600;padding:9px 18px;border-radius:.7rem;
  box-shadow:0 12px 26px -14px hsl(12 83% 46%/.7);transition:opacity .15s}
.btn-primary:hover{opacity:.92}
.nav-tog{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.burger{display:none;width:42px;height:38px;border:1px solid hsl(var(--border));border-radius:.6rem;
  background:hsl(var(--card));cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger span{display:block;width:18px;height:2px;background:hsl(var(--fg));border-radius:2px;transition:.2s}
@media(max-width:820px){
  .burger{display:flex}
  .nav-menu{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:6px;
    margin-top:8px;padding-top:10px;border-top:1px solid hsl(var(--border)/.6)}
  .nav-links{flex-direction:column;align-items:stretch;gap:2px}
  .nav-links a{padding:11px 12px;font-size:15px}
  .nav-cta{flex-direction:column;align-items:stretch;gap:8px}
  .btn-ghost,.btn-primary{text-align:center}
  .nav-tog:checked ~ .nav-menu{display:flex}
  .nav-tog:checked ~ .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-tog:checked ~ .burger span:nth-child(2){opacity:0}
  .nav-tog:checked ~ .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}

/* ---- content ---- */
.wrap{max-width:820px;margin:0 auto;padding:40px 24px 76px}
h1,h2,h3{font-family:"Archivo Narrow","Archivo",sans-serif}
h1{font-size:34px;line-height:1.1;letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance}
.updated{color:hsl(var(--muted-fg));font-family:"JetBrains Mono",monospace;font-size:12px;
  text-transform:uppercase;letter-spacing:.06em;margin:0 0 26px}
.lead{color:hsl(var(--muted-fg));font-size:16px;margin:0 0 24px;max-width:62ch}
h2{font-size:21px;margin:36px 0 10px;letter-spacing:-.01em;font-weight:700}
h2 .n{color:hsl(var(--primary));font-variant-numeric:tabular-nums;margin-right:8px}
h3{font-size:15.5px;margin:18px 0 4px;font-weight:700}
p,li{color:hsl(var(--fg))}
a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px}
ul,ol{padding-left:20px;margin:8px 0}
li{margin:5px 0}
code{background:hsl(var(--muted));padding:1px 6px;border-radius:5px;font-family:"JetBrains Mono",monospace;font-size:.9em}

/* ---- reusable content components ---- */
.note{background:hsl(var(--primary)/.09);border:1px solid hsl(var(--primary)/.28);border-radius:.9rem;padding:14px 16px;margin:20px 0;font-size:14.5px}
.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:6px 20px;margin:16px 0}
.row{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid hsl(var(--border))}
.row:last-child{border-bottom:0}
.k{flex:0 0 128px;color:hsl(var(--muted-fg));font-family:"JetBrains Mono",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}
.v{flex:1;font-size:15.5px}
.cta{display:inline-block;margin:8px 0 2px;padding:12px 22px;border-radius:.8rem;background:hsl(var(--primary));color:hsl(var(--primary-fg))!important;text-decoration:none;font-weight:600;box-shadow:0 12px 26px -14px hsl(12 83% 46%/.7)}
.box{background:hsl(var(--primary)/.08);border:1px solid hsl(var(--primary)/.24);border-radius:.9rem;padding:16px 18px;margin:18px 0}
.chips{margin:8px 0 4px}
.chip{display:inline-flex;align-items:center;gap:7px;background:hsl(var(--good)/.12);border:1px solid hsl(var(--good)/.32);color:hsl(var(--good));border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:600;margin:2px 6px 2px 0}
.roles{background:hsl(var(--primary)/.07);border:1px solid hsl(var(--primary)/.22);border-radius:.9rem;padding:16px 18px;margin:14px 0}
.grid{display:grid;gap:12px;grid-template-columns:1fr;margin:16px 0}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
.tile{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.9rem;padding:16px 18px}
.tile b{display:block;margin-bottom:3px}

/* ---- footer (matches the home) ---- */
.foot{border-top:1px solid hsl(var(--border))}
.foot-in{max-width:72rem;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;gap:28px;font-size:14px;color:hsl(var(--muted-fg))}
.foot-top{display:flex;flex-direction:column;gap:24px}
@media(min-width:640px){.foot-top{flex-direction:row;align-items:center;justify-content:space-between}}
.foot .logo span{font-size:16px}
.foot .logo .mark{width:28px;height:28px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.foot-links a{color:hsl(var(--muted-fg));text-decoration:none}
.foot-links a:hover{color:hsl(var(--fg))}
.foot-bottom{display:flex;flex-direction:column;gap:8px;border-top:1px solid hsl(var(--border));padding-top:20px;font-size:12.5px}
@media(min-width:640px){.foot-bottom{flex-direction:row;justify-content:space-between}}
.foot-bottom a{color:hsl(var(--muted-fg));text-decoration:none}
.foot-bottom a:hover{color:hsl(var(--fg))}