/* ==========================================================
   DataSeek Solutions — Utility / Inner Pages Shared Styles
   Used by: careers, privacy-policy, terms-of-use, sitemap
   ========================================================== */

/* ── Page Hero (dark banner) ─────────────────────────── */
.page-hero {
  background: linear-gradient(135deg, #0a2240 0%, #0d2d4e 50%, #103660 100%);
  position: relative;
  overflow: hidden;
}
.page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 70% at 60% 50%, rgba(11,197,177,0.14) 0%, transparent 60%);
}
.noise {
  position: absolute;
  inset: 0;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

/* ── Careers — empty-ring icon ───────────────────────── */
.empty-ring {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 2px solid rgba(15,201,177,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.empty-ring::before {
  content: '';
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px dashed rgba(15,201,177,0.2);
}

/* ── Legal pages (Privacy Policy & Terms of Use) ─────── */
.prose h2 { font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #10335a; margin-top: 2.5rem; margin-bottom: 0.75rem; }
.prose p  { color: #163d6a; opacity: 0.7; line-height: 1.8; margin-bottom: 1rem; font-size: 0.925rem; }
.prose ul { list-style: none; padding: 0; margin-bottom: 1rem; }
.prose ul li { color: #163d6a; opacity: 0.7; font-size: 0.925rem; line-height: 1.8; padding-left: 1.2rem; position: relative; }
.prose ul li::before { content: '—'; position: absolute; left: 0; color: #0FC9B1; font-weight: 600; }

.toc-link { font-size: 0.85rem; color: #163d6a; opacity: 0.6; display: block; padding: 0.3rem 0; border-bottom: 1px solid rgba(16,51,90,0.06); transition: color 0.2s, opacity 0.2s; }
.toc-link:hover { color: #0FC9B1; opacity: 1; }

/* ── Sitemap ─────────────────────────────────────────── */
.sitemap-link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.9rem;
  color: #163d6a;
  opacity: 0.75;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(16,51,90,0.07);
  transition: color 0.2s, opacity 0.2s;
  text-decoration: none;
}
.sitemap-link:hover { color: #0FC9B1; opacity: 1; }
.sitemap-link:hover .arrow { transform: translateX(3px); }
.arrow { transition: transform 0.2s ease; }