/* ═══════════════════════════════════════════════════════════
   SwitzerHealth — HIPAA Notice Page Additions
   Federal banner, patient-rights grid, and a TOC-marker layout
   variant specific to the HIPAA Notice of Privacy Practices.
   Load AFTER css/base.css and css/legal.css (some rules here
   intentionally override legal.css for this page only).
   ═══════════════════════════════════════════════════════════ */

.federal-banner {
  background: var(--red);
  color: #FFF;
  padding: 16px 0;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
}
.federal-banner .container { display: flex; align-items: center; gap: 14px; }
.federal-banner strong { font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.76rem; white-space: nowrap; flex: 0 0 auto; }
.federal-banner p { margin: 0; line-height: 1.5; flex: 1 1 auto; }
@media (min-width: 1180px) {
  .federal-banner .container { max-width: max-content; }
  .federal-banner p { white-space: nowrap; }
}

/* TOC marker layout variant (flex-based, vs. legal.css's inline-block) */
.doc-toc li a {
  display: flex;
  align-items: flex-start;
  padding: 8px 16px;
  font-size: 0.84rem;
  color: var(--gray-700);
  line-height: 1.4;
  border-left: 2px solid transparent;
  margin-left: -1px;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}
.doc-toc li a::before {
  content: counter(toc, decimal-leading-zero) ".";
  flex: 0 0 28px;
  color: var(--gray-500);
  font-variant-numeric: tabular-nums;
}

.rights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 24px 0 28px;
}
.right-card {
  padding: 18px 20px;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-top: 3px solid var(--red);
  border-radius: 0 0 4px 4px;
}
.right-card h4 {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--charcoal);
  margin-bottom: 6px;
}
.right-card p { font-size: 0.86rem; color: var(--gray-700); line-height: 1.6; margin: 0; }

@media (max-width: 900px) {
  .rights-grid { grid-template-columns: 1fr; }
}

@media print {
  .federal-banner { background: #FFF; color: #000; border-bottom: 2px solid #000; border-top: 2px solid #000; }
  .federal-banner strong { color: #000; }
}