/* HomeBudget privacy policy page. Loaded with base.css (tokens) on body.pg-privacy */
.pg-privacy .wrap{max-width:860px;margin:0 auto;padding:0 18px}
.pg-privacy .back{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 14px 7px 10px;margin:0 8px 20px 0}
.pg-privacy .back:hover{background:rgba(255,255,255,.26)}
.pg-privacy .back svg{width:16px;height:16px}
.pg-privacy .back.alt{padding:7px 14px}

/* hero */
.pg-privacy .hero{background:radial-gradient(1200px 420px at 80% -20%,#7c3aed 0%,transparent 60%),linear-gradient(135deg,#1c2fb8 0%,#2b3fcf 45%,#4f46e5 100%);color:#fff;padding:26px 0 86px;position:relative;overflow:hidden}
.pg-privacy .hero::after{content:"";position:absolute;inset:auto -10% -60px -10%;height:120px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0}
.pg-privacy .brand{display:flex;gap:18px;align-items:center}
.pg-privacy .brand img{width:96px;height:96px;flex:none;border-radius:22px;filter:drop-shadow(0 10px 18px rgba(0,0,20,.35))}
.pg-privacy .brand small{display:block;opacity:.85;font-size:14px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.pg-privacy .brand small a{color:#fff;text-decoration:none}
.pg-privacy .brand small a:hover{text-decoration:underline}
.pg-privacy h1{margin:2px 0 6px;font-size:clamp(28px,6vw,42px);line-height:1.12;letter-spacing:-.01em}
.pg-privacy .sub{margin:0;opacity:.92;max-width:560px}
.pg-privacy .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pg-privacy .pill{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;backdrop-filter:blur(4px)}

/* at a glance */
.pg-privacy .glance{margin-top:-62px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pg-privacy .tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 14px;text-align:center;box-shadow:var(--shadow)}
.pg-privacy .tile svg{width:34px;height:34px;color:var(--accent);margin-bottom:6px}
.pg-privacy .tile b{display:block;font-size:15px;line-height:1.25}
.pg-privacy .tile span{display:block;color:var(--muted);font-size:13px;margin-top:2px}

/* summary + nav */
.pg-privacy .lead{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--g2);border-radius:14px;padding:16px 18px;margin:22px 0 14px;box-shadow:var(--shadow)}
.pg-privacy .lead p{margin:0}
.pg-privacy .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.pg-privacy .toc a{display:inline-block;text-decoration:none;background:var(--soft);color:var(--soft-ink);border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:600}
.pg-privacy .toc a:hover{filter:brightness(1.15)}

/* sections */
.pg-privacy section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 20px 12px;margin-bottom:14px;box-shadow:var(--shadow);scroll-margin-top:12px}
.pg-privacy section header{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.pg-privacy .ico{flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g2));display:grid;place-items:center;color:#fff}
.pg-privacy .ico svg{width:22px;height:22px}
.pg-privacy h2{margin:0;font-size:19px;line-height:1.3}
.pg-privacy h2 em{font-style:normal;color:var(--muted);font-weight:600;margin-right:6px}
.pg-privacy p{margin:0 0 12px}
.pg-privacy ul{margin:0 0 12px;padding-left:20px}
.pg-privacy li{margin-bottom:7px}
.pg-privacy code{background:var(--soft);border-radius:6px;padding:1px 6px;font-size:.92em}
.pg-privacy .ok{display:inline-block;background:var(--ok-soft);color:var(--ok);border-radius:8px;padding:1px 8px;font-weight:700;font-size:.92em}

/* table */
.pg-privacy .tblwrap{overflow-x:auto;margin-bottom:10px}
.pg-privacy table{width:100%;border-collapse:collapse;font-size:15px}
.pg-privacy th,.pg-privacy td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.pg-privacy th{width:42%;color:var(--muted);font-weight:600}
.pg-privacy tr:last-child th,.pg-privacy tr:last-child td{border-bottom:0}

/* contact */
.pg-privacy section.contact{background:linear-gradient(135deg,#1c2fb8,#4f46e5 60%,#7c3aed);color:#fff;border:0;text-align:center;padding:26px 20px}
.pg-privacy .contact h2{color:#fff;margin-bottom:6px;display:block}
.pg-privacy .contact a.btn{display:inline-block;margin-top:8px;background:#fff;color:#2b3fcf;text-decoration:none;font-weight:700;border-radius:999px;padding:11px 22px}
.pg-privacy .pnav{text-align:center;color:var(--muted);font-size:13.5px;padding:10px 0 0}
.pg-privacy .pnav a{font-weight:600;text-decoration:none;margin:0 8px}
.pg-privacy .pnav a:hover{text-decoration:underline}

/* how it works */
.pg-privacy details.how{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:6px 0 4px}
.pg-privacy details.how summary{cursor:pointer;font-weight:700;color:var(--accent);padding:10px 0;list-style-position:inside}
.pg-privacy details.how summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.pg-privacy details.how ul{margin:0 0 10px}
.pg-privacy details.how li{margin:0 0 8px}

@media (max-width:720px){
  .pg-privacy .glance{grid-template-columns:repeat(2,1fr)}
  .pg-privacy .brand{gap:14px}.pg-privacy .brand img{width:76px;height:76px}
  .pg-privacy section{padding:16px 15px 8px}
  .pg-privacy th{width:auto;display:block;border-bottom:0;padding-bottom:0}
  .pg-privacy td{display:block;padding-top:2px}
}

/* print on white paper */
@media print{
  :root{--bg:#fff;--card:#fff;--ink:#161b33;--muted:#4b5470;--line:#d6dbea;--accent:#2b3fcf;--soft:#eef0ff;--soft-ink:#2b3fcf;--ok:#15803d;--ok-soft:#e5f6ec;--shadow:none}
  body{background:#fff}
  .pg-privacy .hero{background:#2b3fcf;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pg-privacy .hero::after{display:none}
  .pg-privacy .toc,.sfoot,.pg-privacy .pnav{display:none}
  .pg-privacy section,.pg-privacy .tile,.pg-privacy .lead{box-shadow:none;break-inside:avoid}
}