/* ── Page hero ── */
.page-hero{padding-block:clamp(3rem,8vw,5rem);border-bottom:1px solid var(--divider);background:radial-gradient(700px 300px at 80% -20%,var(--primary-tint),transparent 70%),var(--bg)}
.back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem;transition:color var(--trans)}
.back-link:hover{color:var(--primary)}
.back-link svg{width:14px;height:14px;flex-shrink:0}
.page-eyebrow{font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem}
.page-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:1rem}
.page-meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;font-size:var(--text-sm);color:var(--muted)}
.page-meta strong{color:var(--text);font-weight:600}

/* ── Two-col layout ── */
.privacy-layout{display:grid;grid-template-columns:220px 1fr;gap:clamp(2rem,4vw,4rem);align-items:start;padding-block:clamp(3rem,6vw,5rem)}
@media(max-width:860px){.privacy-layout{grid-template-columns:1fr}}

/* ── TOC sidebar ── */
.toc{position:sticky;top:88px}
.toc-title{font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:1rem}
.toc ul{display:grid;gap:.25rem}
.toc a{font-size:var(--text-sm);color:var(--muted);padding:6px 10px;border-radius:var(--r-sm);border-left:2px solid transparent;display:block;transition:color var(--trans),border-color var(--trans),background var(--trans)}
.toc a:hover{color:var(--text);border-color:var(--primary)}
.toc a.active{color:var(--primary);border-color:var(--primary);background:var(--primary-tint);font-weight:500}
@media(max-width:860px){.toc{position:static;background:var(--surface2);border:1px solid var(--divider);border-radius:var(--r-lg);padding:1.5rem;margin-bottom:2rem}}

/* ── Article ── */
.privacy-article{max-width:72ch}
.privacy-section{margin-bottom:3.5rem;scroll-margin-top:100px}
.privacy-section:last-child{margin-bottom:0}

.ps-num{font-family:var(--font-m);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);display:block;margin-bottom:.75rem}
.ps-title{font-size:var(--text-xl);font-weight:600;color:var(--text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--divider)}
.ps-body{display:grid;gap:1rem}
.ps-body p{font-size:var(--text-base);color:var(--muted);line-height:1.75}
.ps-body strong{color:var(--text);font-weight:600}
.ps-body a{color:var(--primary);font-weight:500;border-bottom:1px solid var(--primary-soft)}
.ps-body a:hover{border-color:var(--primary)}

/* Sub-heading inside a section */
.ps-sub{font-size:var(--text-base);font-weight:600;color:var(--text);margin-top:.5rem;margin-bottom:-.25rem}

/* Callout / highlight box */
.callout{background:var(--primary-tint);border:1px solid var(--primary-soft);border-left:3px solid var(--primary);border-radius:var(--r-md);padding:1.25rem 1.5rem}
.callout p{font-size:var(--text-sm);color:var(--muted)}
.callout p strong{color:var(--text)}

/* Bullet lists inside article */
.ps-list{display:grid;gap:.6rem;padding-left:1rem}
.ps-list li{font-size:var(--text-sm);color:var(--muted);padding-left:1rem;border-left:2px solid var(--primary-soft);line-height:1.65}
.ps-list li strong{color:var(--text);font-weight:600}

/* Edit hint — visible only in edit mode, strip before production */
.edit-hint{display:inline-block;background:color-mix(in oklab,#f59e0b 14%,transparent);border:1px dashed #f59e0b;color:#92400e;font-family:var(--font-m);font-size:var(--text-xs);padding:2px 8px;border-radius:var(--r-sm);margin-bottom:.5rem}
[data-theme="dark"] .edit-hint{color:#fcd34d;background:rgba(245,158,11,.12)}

/* ── Contact strip ── */
.contact-strip{background:var(--ink);color:rgba(231,229,221,.85);border-radius:var(--r-xl);padding:clamp(2rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between;margin-top:4rem;margin-bottom:4rem}
.contact-strip h3{font-family:var(--font-d);font-size:var(--text-xl);font-weight:600;color:#fff;max-width:40ch}
.contact-strip p{font-size:var(--text-sm);color:rgba(231,229,221,.65);margin-top:.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 22px;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;transition:background var(--trans),color var(--trans),border-color var(--trans),transform var(--trans)}
.btn-primary{background:var(--primary);color:var(--inv)}
.btn-primary:hover{background:var(--primary-h);transform:translateY(-1px)}

/* ── Footer ── */
.site-footer{background:var(--ink);color:rgba(231,229,221,.75);padding-block:3rem}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:var(--text-xs);color:rgba(231,229,221,.5);font-family:var(--font-m)}
.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.footer-links a{color:rgba(231,229,221,.6);transition:color var(--trans)}
.footer-links a:hover{color:#fff}
.footer-links .active{color:rgba(231,229,221,.9)}