/* ===== Contact Page ===== */
#contact-page .c-card{
  border:1px solid var(--ink-200); border-radius: var(--radius);
  background:#fff; box-shadow: var(--shadow-sm);
  padding:18px;
}
#contact-page .c-icon{
  width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  font-size:18px; color:#0b1220; margin-bottom:8px; background:#eef2ff;
}
#contact-page .bg-indigo{ background:#e0e7ff; }
#contact-page .bg-lime{ background:#ecfccb; }
#contact-page .bg-amber{ background:#fef3c7; }

/* form & info cards */
#contact-page .form-card, 
#contact-page .info-card{
  border:1px solid var(--ink-200); border-radius: var(--radius);
  background:#fff; box-shadow: var(--shadow-sm); padding:18px;
}

#contact-page .form-control, 
#contact-page .form-select{
  border-radius: 10px; border-color: var(--ink-200);
}
#contact-page .form-control:focus, 
#contact-page .form-select:focus{
  border-color:#93c5fd; box-shadow: 0 0 0 3px rgba(59,130,246,.25);
}

#contact-page .embed-frame{ aspect-ratio: 16 / 10; background:#fff; border:1px solid var(--ink-200); }

/* alerts */
#contact-page .alert{ border-radius: 10px; }


#contact-page .embed-frame {
  aspect-ratio: 16 / 10;   /* keeps map proportional */
  width: 100%;
  border: 1px solid var(--ink-200);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
#contact-page .embed-frame iframe {
  width: 100%;
  height: 100%;
  display: block;
}