/* ==========================================================================
   Legal pages (Privacy Policy, Terms & Conditions)
   ========================================================================== */

/* ============================================================
   Header
   ============================================================ */
.legal-hero {
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-2xl);
  border-bottom: 1px solid var(--color-border);
}

@media (min-width: 768px) {
  .legal-hero { padding-top: var(--space-6xl); }
}

.legal-hero__inner {
  max-width: 48rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.legal-meta {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-text-body);
}

/* ============================================================
   Body / document
   ============================================================ */
.legal-body {
  padding-top: var(--space-3xl);
  padding-bottom: var(--section-y-mobile);
}

@media (min-width: 768px) {
  .legal-body { padding-bottom: var(--section-y-tablet); }
}

/* Draft / disclaimer notice */
.legal-note {
  max-width: 48rem;
  margin: 0 auto var(--space-2xl);
  background: var(--color-badge-bg);
  border: 1px solid var(--color-badge-border);
  border-radius: var(--radius-feature);
  padding: var(--space-md) var(--space-lg);
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--color-navy);
}

.legal-doc {
  max-width: 48rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.legal-doc h2 {
  font-size: var(--text-2xl);
  font-weight: 800;
  line-height: 1.25;
  color: var(--color-text-heading);
  margin-top: var(--space-xl);
}

.legal-doc > h2:first-child { margin-top: 0; }

.legal-doc h3 {
  font-size: var(--text-lg);
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-heading);
  margin-top: var(--space-sm);
}

.legal-doc p {
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-body);
}

.legal-doc ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-left: var(--space-lg);
}

.legal-doc li {
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-body);
  list-style: disc;
}

.legal-doc strong { color: var(--color-text-heading); font-weight: 700; }

.legal-doc a {
  color: var(--color-navy);
  font-weight: 600;
  text-decoration: underline;
}

.policy-selector{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.policy-image{
    width:100%;
    max-width:700px;
    border-radius:20px;
    display:block;
    margin:0 auto 40px;
}

.policy-selector h2{
    font-size:34px;
    font-weight:700;
    margin-bottom:16px;
    color:#142d5f;
}

.policy-description{
    max-width:700px;
    margin:0 auto 40px;
    color:#666;
    font-size:17px;
    line-height:1.8;
}

.policy-links{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.policy-link{
    display:flex;
    align-items:center;
    gap:20px;
    padding:24px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    text-decoration:none;
    color:#111827;
    transition:.25s;
    box-shadow:0 8px 24px rgba(0,0,0,.05);
}

.policy-link:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.policy-icon{
    width:64px;
    height:64px;
    border-radius:50%;
    background:#edf4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

.policy-link div:nth-child(2){
    flex:1;
    text-align:left;
}

.policy-link h3{
    margin:0 0 8px;
    color:#142d5f;
}

.policy-link p{
    margin:0;
    color:#6b7280;
    line-height:1.6;
}

.arrow{
    font-size:28px;
    color:#142d5f;
    font-weight:bold;
}