.rare-aurora-notice {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1.1rem;
  margin-bottom: 1.1rem;
  padding: 1.1rem 1.35rem;
  border: 1px solid rgba(108, 199, 198, .42);
  border-radius: 1.1rem;
  background: linear-gradient(120deg, rgba(8, 40, 54, .96), rgba(6, 25, 41, .93));
  color: #dbeef3;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .13);
}
.rare-aurora-notice__icon { flex: 0 0 auto; font-size: 1.6rem; line-height: 1.25; color: #71eec8; }
.rare-aurora-notice h2 { font-size: 1.05rem; line-height: 1.35; margin: 0 0 .38rem; color: #b9ffe2; font-weight: 750; }
.rare-aurora-notice p { margin: 0; line-height: 1.6; max-width: 86ch; }
.rare-aurora-notice__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1.2rem; margin-top: .6rem; color: #91b7c5; font-size: .77rem; }
.rare-aurora-notice__meta a { color: #8ff5d1; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.rare-aurora-notice__meta a:hover, .rare-aurora-notice__meta a:focus-visible { color: white; }
/* Country-page rare-event notice and weekend CTA must not share a border. */
.country-page > .rare-aurora-notice + .weekend-country-teaser { margin-top: 24px; }
@media (max-width: 640px) { .rare-aurora-notice { margin-top: .85rem; padding: .95rem; gap: .7rem; } .rare-aurora-notice__icon { font-size: 1.28rem; } }
.rare-viewing-section { margin-top: 1.5rem; margin-bottom: 1.8rem; padding: 1.1rem 0; }
.rare-viewing-section__intro h2 { margin: 0 0 .42rem; color: #e9f8fc; font-size: clamp(1.3rem, 2.5vw, 1.9rem); }
.rare-viewing-section__intro p { max-width: 77ch; margin: 0 0 1.1rem; color: #a1c1cc; line-height: 1.6; }
.rare-viewing-section__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.rare-viewing-section__card { display: flex; flex-direction: column; gap: .6rem; min-width: 0; border: 1px solid rgba(94, 187, 188, .28); background: rgba(5, 28, 42, .8); border-radius: .95rem; padding: 1.1rem; }
.rare-viewing-section__card h3 { margin: 0; font-size: 1.07rem; color: #eefaff; }
.rare-viewing-section__source { font-size: .78rem; color: #9abdc9; text-decoration: underline; text-underline-offset: 3px; }
.rare-viewing-section__forecast { margin-top: auto; padding-top: .6rem; color: #6df2c3; font-weight: 650; text-decoration: none; }
.rare-viewing-section__forecast:hover, .rare-viewing-section__forecast:focus-visible { text-decoration: underline; }
@media (max-width: 700px) { .rare-viewing-section__grid { grid-template-columns: 1fr; } }