
  .country-page { padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(4rem, 9vw, 7rem); max-width: calc(var(--page-max) + 2 * var(--gutter)); }
  .country-page .breadcrumb, .country-page .kicker, .country-page h1 { text-align: center; }
  .country-page h1 { margin-top: 6px; }

  .wave-card .wave {
    position: absolute; left: -1px; right: -1px; bottom: -11px; height: 14px;
    background-repeat: repeat-x; background-size: 40px 14px;
  }

  .lake-card {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
    padding: 14px 16px 12px; color: var(--ink); text-decoration: none;
    transition: transform var(--ease), filter var(--ease);
  }
  a.lake-card:hover { transform: translateY(-2px); filter: brightness(1.02); }
  .lake-card svg { width: 42px; height: auto; }
  .lake-card .name { font-weight: 600; font-size: 0.9rem; }

  .country-page .empty { margin-top: 28px; padding: 28px; font-size: 1rem; }
  .country-page .list { margin-top: 18px; }

.sea-dot.sea-atlantic-ocean { background: #1a7a8c; }
.wave.sea-atlantic-ocean { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%231a7a8c'/%3E%3C/svg%3E"); }
.sea-dot.sea-north-sea { background: #2f9e8f; }
.wave.sea-north-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%232f9e8f'/%3E%3C/svg%3E"); }
.sea-dot.sea-baltic-sea { background: #3f6fae; }
.wave.sea-baltic-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%233f6fae'/%3E%3C/svg%3E"); }
.sea-dot.sea-caribbean-sea { background: #17b5a6; }
.wave.sea-caribbean-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%2317b5a6'/%3E%3C/svg%3E"); }
.sea-dot.sea-gulf-of-mexico { background: #4aa3c9; }
.wave.sea-gulf-of-mexico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%234aa3c9'/%3E%3C/svg%3E"); }
.sea-dot.sea-pacific-ocean { background: #2f6fb0; }
.wave.sea-pacific-ocean { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%232f6fb0'/%3E%3C/svg%3E"); }
.sea-dot.sea-south-china-sea { background: #3a8fd1; }
.wave.sea-south-china-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%233a8fd1'/%3E%3C/svg%3E"); }
.sea-dot.sea-sea-of-japan { background: #5b6fc4; }
.wave.sea-sea-of-japan { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%235b6fc4'/%3E%3C/svg%3E"); }
.sea-dot.sea-yellow-sea { background: #c9a227; }
.wave.sea-yellow-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%23c9a227'/%3E%3C/svg%3E"); }
.sea-dot.sea-gulf-of-thailand { background: #37b0a4; }
.wave.sea-gulf-of-thailand { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%2337b0a4'/%3E%3C/svg%3E"); }
.sea-dot.sea-indian-ocean { background: #7c5fb0; }
.wave.sea-indian-ocean { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%237c5fb0'/%3E%3C/svg%3E"); }
.sea-dot.sea-arabian-sea { background: #9b6bc9; }
.wave.sea-arabian-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%239b6bc9'/%3E%3C/svg%3E"); }
.sea-dot.sea-bay-of-bengal { background: #6a4fa0; }
.wave.sea-bay-of-bengal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%236a4fa0'/%3E%3C/svg%3E"); }
.sea-dot.sea-andaman-sea { background: #5aa39a; }
.wave.sea-andaman-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%235aa39a'/%3E%3C/svg%3E"); }
.sea-dot.sea-persian-gulf { background: #b08a3e; }
.wave.sea-persian-gulf { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%23b08a3e'/%3E%3C/svg%3E"); }
.sea-dot.sea-red-sea { background: #c0453f; }
.wave.sea-red-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%23c0453f'/%3E%3C/svg%3E"); }
.sea-dot.sea-gulf-of-aden { background: #d97b52; }
.wave.sea-gulf-of-aden { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%23d97b52'/%3E%3C/svg%3E"); }
.sea-dot.sea-mediterranean-sea { background: #c98a2b; }
.wave.sea-mediterranean-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%23c98a2b'/%3E%3C/svg%3E"); }
.sea-dot.sea-black-sea { background: #4a4a5a; }
.wave.sea-black-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%234a4a5a'/%3E%3C/svg%3E"); }
.sea-dot.sea-caspian-sea { background: #8a4fa3; }
.wave.sea-caspian-sea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%238a4fa3'/%3E%3C/svg%3E"); }
.sea-dot.sea-landlocked { background: #8c7a5b; }
.wave.sea-landlocked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%238c7a5b'/%3E%3C/svg%3E"); }
.sea-dot.sea-melanesia { background: #17a094; }
.wave.sea-melanesia { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%2317a094'/%3E%3C/svg%3E"); }
.sea-dot.sea-micronesia { background: #2f6fb0; }
.wave.sea-micronesia { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%232f6fb0'/%3E%3C/svg%3E"); }
.sea-dot.sea-polynesia { background: #7c5fb0; }
.wave.sea-polynesia { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%237c5fb0'/%3E%3C/svg%3E"); }
.sea-dot.sea-australasia { background: #c98a2b; }
.wave.sea-australasia { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%23c98a2b'/%3E%3C/svg%3E"); }
.sea-dot.sea-fallback { background: #17a094; }
.wave.sea-fallback { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M0,7 C5,1 15,13 20,7 C25,1 35,13 40,7 L40,14 L0,14 Z' fill='%2317a094'/%3E%3C/svg%3E"); }