/* Page-specific styles for Privacy Policy (CASA-friendly; no inline styles) */

.skip{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden }
.skip:focus{
  left:12px; top:12px; width:auto; height:auto;
  background:#fff; border:2px solid var(--primary); padding:8px 10px;
  border-radius:10px; z-index:1000
}

main{ padding:32px 0 }

.grid{
  display:grid;
  grid-template-columns:1fr 280px;
  gap:24px
}
@media (max-width:980px){ .grid{ grid-template-columns:1fr } }

.card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow) }
.content{ padding:22px }

.toc{
  position:sticky; top:84px; height:max-content; padding:16px
}
.toc h3{ margin:0 0 8px 0 }
.toc a{ display:block; padding:8px 10px; border-radius:10px; color:var(--muted) }
.toc a:hover{ background:#f1f5f9; color:var(--text) }

.chip{
  display:inline-flex; align-items:center; gap:6px;
  background:#ecfdf5; color:#065f46;
  border:1px solid #a7f3d0; padding:6px 10px;
  border-radius:999px; font-weight:800; font-size:.85rem
}

.notice{
  background:#eef2ff;
  border:1px solid #c7d2fe;
  color:#3730a3;
  padding:10px 12px;
  border-radius:12px
}

/* Typography for this page */
h1{ margin:.2rem 0 0; font-size:clamp(28px,6vw,40px); font-weight:900 }
h2{ margin:28px 0 8px; font-size:clamp(20px,3.8vw,26px); font-weight:900 }
h3{ margin:22px 0 6px; font-size:20px; font-weight:900 }
h4{ margin:18px 0 6px; font-size:17px; font-weight:800 }
p,ul,ol{ color:#334155; line-height:1.7 }

/* Footer inherits base styles from app.css */