/* ===== Dates Page Specific Styles ===== */
/* The page relies on existing main container styling from layout.css */

.dates-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0 32px;
  text-align: center;
}

.dates-icon {
  font-size: 4.2rem;
  line-height: 1;
  margin: 0 0 6px 0;
}

.dates-heading {
  font-size: 2.15rem;
  margin: 0 0 8px 0;
  color: var(--clr-text);
}

/* Card */
.dates-card {
  max-width: 520px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #d2dde7;
  border-radius: 14px;
  padding: 34px 46px 40px;
  box-shadow: 0 2px 8px rgba(34,48,70,0.08);
  font-family: Georgia, serif;
  position: relative;
}

.dates-list { /* definition list formatting */
  margin: 0;
  padding: 0;
}

.date-block { /* acts like a row */
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 22px;
}
.date-block:last-of-type { margin-bottom: 0; }

.date-block dt {
  font-size: .92rem;
  text-transform: none;
  letter-spacing: .02em;
  font-weight: 500;
  color: #2d4154;
  margin-bottom: 2px;
}

.date-block dd {
  margin: 0;
  font-weight: 600;
  font-size: 1.05rem;
  color: #152a39;
}

.date-block time { font-variant-numeric: tabular-nums; }

.aoe-note {
  margin: 34px 0 0 0;
  font-style: italic;
  font-size: .8rem;
  text-align: center;
  color: var(--clr-muted);
  letter-spacing: .02em;
}

.cfp-link-note {
  margin: 16px 0 0 0;
  font-size: .75rem;
  text-align: center;
  color: var(--clr-muted);
}
.cfp-link-note a { color: var(--clr-accent); }
.cfp-link-note a:hover, .cfp-link-note a:focus { text-decoration: underline; }

/* Accent vertical line (decorative) */
.dates-card::before {
  content: "";
  position: absolute;
  top: 18px; left: 0;
  width: 6px; height: calc(100% - 36px);
  background: linear-gradient(var(--clr-accent), #176e62);
  border-radius: 0 4px 4px 0;
  opacity: .9;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .dates-card { padding: 28px 26px 32px; }
  .dates-heading { font-size: 1.7rem; }
  .dates-icon { font-size: 3.3rem; }
}