/* ===================================================================
   PayMethod Guide — Phase 2 country information cluster
   Shared by the country hub and every country detail page.
   =================================================================== */

.country-depth-section {
  background:
    radial-gradient(circle at 8% 12%, rgba(17, 185, 204, 0.08), transparent 28%),
    linear-gradient(180deg, #ffffff, #f7f9ff);
}

.country-gate-grid,
.country-route-cards,
.country-case-grid,
.country-scenario-grid,
.country-checkpoint-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
}

.country-gate-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.country-gate-grid article,
.country-route-cards article,
.country-case-grid article,
.country-scenario-grid article,
.country-checkpoint-grid article {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.country-gate-grid article > span,
.country-case-grid article > span,
.country-scenario-grid article > span,
.country-checkpoint-grid article > span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(6, 57, 199, 0.09);
  color: var(--hero-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.country-gate-grid h3,
.country-route-cards h3,
.country-case-grid h3,
.country-scenario-grid h3,
.country-checkpoint-grid h3 {
  margin: 0 0 8px;
  font-size: 1.05rem;
  text-align: left;
}

.country-gate-grid p,
.country-route-cards p,
.country-case-grid p,
.country-scenario-grid p,
.country-checkpoint-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.country-route-cards article {
  display: flex;
  flex-direction: column;
}

.country-route-cards article a {
  display: inline-flex;
  margin-top: auto;
  padding-top: 14px;
  font-size: 14px;
  font-weight: 800;
}

.country-route-cards-3,
.country-decision-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.country-decision-callout {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px 16px;
  margin: 24px 0;
  padding: 20px 22px;
  border: 1px solid rgba(6, 57, 199, 0.15);
  border-left: 4px solid var(--cyan);
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, rgba(6, 57, 199, 0.045), rgba(17, 185, 204, 0.075));
}

.country-decision-callout strong {
  color: var(--text);
}

.country-decision-callout p {
  margin: 0;
  color: var(--muted);
}

.country-decision-callout-warning {
  border-left-color: #d28b18;
  background: linear-gradient(135deg, rgba(210, 139, 24, 0.08), rgba(255, 247, 222, 0.82));
}

.country-cluster-layout {
  grid-template-columns: minmax(210px, 0.3fr) minmax(0, 1fr);
}

.country-cluster-layout-reverse {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 0.42fr);
}

.country-mini-nav {
  align-self: start;
}

.country-hub-prose > h2,
.country-hub-prose > .section-label + h2 {
  margin-top: 8px;
  text-align: left;
}

.country-hub-prose > p {
  color: var(--muted);
}

.country-cost-table table {
  min-width: 860px;
}

.country-evidence-card {
  align-self: start;
  padding: 24px;
  border: 1px solid rgba(6, 57, 199, 0.15);
  border-top: 4px solid var(--cyan);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}

.country-evidence-card h3 {
  margin: 8px 0 12px;
  text-align: left;
}

.country-evidence-card p,
.country-evidence-card li {
  color: var(--muted);
}

.country-evidence-card ul {
  margin: 16px 0 22px;
  padding-left: 22px;
}

.country-evidence-card li {
  margin: 8px 0;
}

.country-evidence-card-warning {
  border-top-color: #d28b18;
}

.country-checklist,
.country-evidence-list {
  margin: 22px 0;
  padding: 0;
  list-style: none;
}

.country-numbered-list {
  counter-reset: country-step;
}

.country-checklist li,
.country-evidence-list li {
  position: relative;
  margin: 12px 0;
  padding: 16px 18px 16px 54px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
}

.country-numbered-list li {
  counter-increment: country-step;
}

.country-numbered-list li::before {
  content: counter(country-step);
  position: absolute;
  top: 16px;
  left: 16px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(6, 57, 199, 0.1);
  color: var(--hero-blue);
  font-size: 12px;
  font-weight: 900;
}

.country-numbered-list-warning li::before {
  background: rgba(210, 139, 24, 0.14);
  color: #8a5b0c;
}

.country-checklist strong,
.country-evidence-list strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
}

.country-checklist span,
.country-evidence-list li {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.country-evidence-list li {
  padding-left: 20px;
  border-left: 4px solid var(--cyan);
}

.country-prose .country-route-cards,
.country-prose .country-case-grid,
.country-prose .country-scenario-grid,
.country-prose .country-checkpoint-grid {
  margin-top: 22px;
}

.country-prose .country-route-cards article,
.country-prose .country-case-grid article,
.country-prose .country-scenario-grid article,
.country-prose .country-checkpoint-grid article {
  box-shadow: none;
}

.country-prose .route-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.country-prose .route-steps > div {
  flex: 1 1 180px;
  min-width: 0;
}

/* Let card rows distribute their actual item count instead of reserving
   empty grid tracks. Wrapped rows expand to the full available width. */
.country-prose .country-case-grid,
.country-prose .country-scenario-grid,
.country-prose .country-checkpoint-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.country-prose .country-case-grid > article,
.country-prose .country-scenario-grid > article {
  flex: 1 1 240px;
  min-width: 0;
}

.country-prose .country-checkpoint-grid > article {
  flex: 1 1 260px;
  min-width: 0;
}

@media (max-width: 1180px) {
  .country-gate-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .country-prose .route-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .country-gate-grid,
  .country-route-cards-3,
  .country-decision-grid-3,
  .country-prose .route-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .country-cluster-layout,
  .country-cluster-layout-reverse {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .country-gate-grid,
  .country-route-cards,
  .country-route-cards-3,
  .country-case-grid,
  .country-scenario-grid,
  .country-checkpoint-grid,
  .country-decision-grid-3,
  .country-prose .route-steps {
    grid-template-columns: 1fr;
  }

  .country-decision-callout {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .country-checklist li,
  .country-evidence-list li {
    padding-right: 15px;
  }

  .country-cost-table table {
    min-width: 760px;
  }
}