/* TTWC Tsunami — map + article styles */
.ttwc-tsunami-map {
  width: 100%;
  height: 420px;
  margin: 1.25rem 0;
  border-radius: 8px;
  overflow: hidden;
  background: #eef1f4;
}

.ttwc-tsunami-logo {
  width: 120px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

.ttwc-tsunami-glance {
  list-style: none;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  background: #f3f5f7;
  color: #1a1d21;
  border-left: 4px solid #1f6feb;
  border-radius: 4px;
}
.ttwc-tsunami-glance li { margin: 0.2rem 0; }
.ttwc-tsunami-glance strong { color: inherit; }

/* Newsblock dark mode — class-based (no prefers-color-scheme). */
.cnvs-dark-mode .ttwc-tsunami-glance,
[data-theme="dark"] .ttwc-tsunami-glance,
.dark-mode .ttwc-tsunami-glance {
  background: rgba(255, 255, 255, 0.06);
  color: #e8eaed;
}

.ttwc-tsunami-source { color: inherit; opacity: 0.85; }
.ttwc-tsunami-history { margin: 0.5rem 0 1rem 1.25rem; }
.ttwc-tsunami-disclaimer { opacity: 0.7; }

@media (max-width: 600px) {
  .ttwc-tsunami-map { height: 320px; }
}

/* Phase 2a: lifecycle banners */
.ttwc-tsunami-exercise {
  border: 2px dashed #b8860b;
  background: repeating-linear-gradient(45deg, #fff8e1, #fff8e1 12px, #fff3cd 12px, #fff3cd 24px);
  color: #5a4500;
  padding: 12px 14px;
  border-radius: 6px;
  margin: 0 0 16px;
  font-size: 0.97em;
  line-height: 1.45;
}
.ttwc-tsunami-allclear {
  border-left: 5px solid #2e7d32;
  background: #e8f5e9;
  color: #14401a;
  padding: 12px 14px;
  border-radius: 4px;
  margin: 0 0 16px;
  line-height: 1.45;
}
.cnvs-dark-mode .ttwc-tsunami-allclear,
[data-theme="dark"] .ttwc-tsunami-allclear,
.dark-mode .ttwc-tsunami-allclear {
  background: #14301a;
  color: #cdeccd;
  border-left-color: #4caf50;
}
.cnvs-dark-mode .ttwc-tsunami-exercise,
[data-theme="dark"] .ttwc-tsunami-exercise,
.dark-mode .ttwc-tsunami-exercise {
  background: #2a2410;
  color: #f0e0a0;
  border-color: #c8a830;
}

/* Phase 2: T&T arrival, bands, ETA + observation tables */
.ttwc-tsunami-tt-eta {
  border-left: 5px solid #0b3d91;
  background: #eef3fb;
  color: #10233f;
  padding: 12px 14px;
  border-radius: 4px;
  margin: 0 0 16px;
  line-height: 1.5;
}
.ttwc-tsunami-countdown {
  display: inline-block;
  font-weight: 700;
  color: #0b3d91;
}
.ttwc-tsunami-countdown.passed { color: #6b7280; font-weight: 600; }
.ttwc-tsunami-bands { margin: 0 0 16px; padding-left: 1.2em; }
.ttwc-tsunami-bands li { margin: 2px 0; }
details.ttwc-tsunami-eta { margin: 0 0 16px; }
details.ttwc-tsunami-eta > summary {
  cursor: pointer;
  font-weight: 600;
  padding: 6px 0;
}
details.ttwc-tsunami-eta table,
table.ttwc-tsunami-obs {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92em;
  margin: 8px 0;
}
details.ttwc-tsunami-eta th, details.ttwc-tsunami-eta td,
table.ttwc-tsunami-obs th, table.ttwc-tsunami-obs td {
  text-align: left;
  padding: 5px 8px;
  border-bottom: 1px solid #e5e7eb;
}
details.ttwc-tsunami-eta tr.ttwc-tsunami-eta-tt {
  background: #eef3fb;
  font-weight: 700;
}
.cnvs-dark-mode .ttwc-tsunami-tt-eta,
[data-theme="dark"] .ttwc-tsunami-tt-eta,
.dark-mode .ttwc-tsunami-tt-eta {
  background: #15233b; color: #d6e2f5; border-left-color: #1f6feb;
}
.cnvs-dark-mode .ttwc-tsunami-countdown,
[data-theme="dark"] .ttwc-tsunami-countdown,
.dark-mode .ttwc-tsunami-countdown { color: #7aa7ff; }
.cnvs-dark-mode details.ttwc-tsunami-eta tr.ttwc-tsunami-eta-tt,
[data-theme="dark"] details.ttwc-tsunami-eta tr.ttwc-tsunami-eta-tt,
.dark-mode details.ttwc-tsunami-eta tr.ttwc-tsunami-eta-tt { background: #15233b; }
.cnvs-dark-mode details.ttwc-tsunami-eta th, .cnvs-dark-mode details.ttwc-tsunami-eta td,
.cnvs-dark-mode table.ttwc-tsunami-obs th, .cnvs-dark-mode table.ttwc-tsunami-obs td,
[data-theme="dark"] details.ttwc-tsunami-eta th, [data-theme="dark"] details.ttwc-tsunami-eta td,
[data-theme="dark"] table.ttwc-tsunami-obs th, [data-theme="dark"] table.ttwc-tsunami-obs td,
.dark-mode details.ttwc-tsunami-eta th, .dark-mode details.ttwc-tsunami-eta td,
.dark-mode table.ttwc-tsunami-obs th, .dark-mode table.ttwc-tsunami-obs td {
  border-bottom-color: #2a3344;
}

/* Forecaster note (injected from post meta; persists across automated updates). */
.ttwc-tsunami-note {
	border-left: 4px solid #0b3d91;
	background: #f3f6fb;
	padding: 12px 16px;
	margin: 18px 0;
	border-radius: 4px;
}
.ttwc-tsunami-note-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #0b3d91;
	margin-bottom: 6px;
}
.ttwc-tsunami-note p:last-child { margin-bottom: 0; }
.ttwc-tsunami-note iframe,
.ttwc-tsunami-note .wp-embedded-content { max-width: 100%; }