/* Country guides: the /travel hub and each /travel/<slug> page, on top of marketing.css and guides/guides.css.
   Written by hand; site/src/pages/travel uses it. */

/* Hub */
.country-grid { grid-template-columns: repeat(3, 1fr); }
.country-card { gap: 6px; }
.site .country-card > .country-region { font: 600 12px var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); }
.site .country-card strong { font-size: 20px; }
.site .country-card em { margin-top: auto; padding-top: 6px; font-style: normal; font-size: 14px; color: #c9b8ff; }
.site .country-covers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 24px; margin: 18px 0 0; padding-inline-start: 20px; color: var(--text-2); }
.site .country-covers li { margin: 0; }
.site .country-hub .fineprint a { color: #c9b8ff; text-decoration: underline; text-decoration-color: #c9b8ff55; text-underline-offset: 4px; }

/* Page */
.site .country-notice { margin-top: 22px; padding: 12px 16px; border: 1px solid #f5b94a55; border-radius: var(--radius-control); background: #f5b94a12; font-size: 15px; line-height: 1.55; color: var(--text-2); }
.country-notice strong { color: var(--text); font-weight: 600; }
.site .country-facts { display: grid; gap: 12px; margin: 26px 0 0; padding: 20px; border: 1px solid var(--border); border-radius: var(--radius); background: linear-gradient(180deg, #ffffff07, #ffffff02); }
.site .country-facts > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; }
.site .country-facts dt { font: 600 12px var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--text-3); padding-top: 3px; }
.site .country-facts dd { margin: 0; font-size: 15px; line-height: 1.5; color: var(--text-2); }
.site .country-meta { margin-top: 14px; font-size: 14px; line-height: 1.55; color: var(--text-3); }
.country-meta strong { font-weight: 600; color: var(--text-2); }
.site .country-points { display: grid; gap: 10px; margin-top: 14px; padding-inline-start: 20px; }
.site .country-points li { line-height: 1.6; color: var(--text-2); }
.site .country-guide .country-note { margin-top: 14px; padding-inline-start: 14px; border-inline-start: 2px solid var(--border-strong); font-size: 15px; color: var(--text-2); }
.site .country-guides { margin-top: 18px; padding: 12px 16px; border: 1px solid #b096fa38; border-radius: var(--radius-control); background: #b096fa0d; font-size: 15px; line-height: 1.55; color: var(--text-2); }
.site sup.cite { margin-inline-start: 1px; font-size: .68em; line-height: 0; vertical-align: super; }
.site .guide section sup.cite a, .site .guide-lead sup.cite a, .site .country-facts sup.cite a, .site .country-notice sup.cite a { padding: 0 1px; color: #9fd3ff; text-decoration: none; }
.site .country-sources { display: grid; gap: 8px; padding-inline-start: 26px; }
.site .country-sources li { line-height: 1.5; color: var(--text-2); overflow-wrap: anywhere; scroll-margin-top: 96px; }
.site .country-sources li:target { color: var(--text); }
.site .country-kind { display: inline-block; margin-inline-start: 6px; padding: 1px 7px; border: 1px solid var(--border); border-radius: 999px; font: 500 11px var(--mono); letter-spacing: .03em; color: var(--text-3); white-space: nowrap; }
.site .country-cta { margin-top: 56px; padding: 28px; border: 1px solid #b096fa45; border-radius: var(--radius); background: linear-gradient(180deg, #b096fa14, #b096fa05); }
.site .country-cta h2 { margin-top: 0; }
.site .country-cta .hero-actions { justify-content: flex-start; margin-top: 20px; }
@media (max-width: 980px) { .country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .country-grid { grid-template-columns: minmax(0, 1fr); }
  .site .country-covers { grid-template-columns: minmax(0, 1fr); }
  .site .country-facts { padding: 16px; }
  .site .country-facts > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .site .country-cta { padding: 20px; }
}