.country-focus { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; margin-block: 2.5rem; padding: 1.4rem; border-radius: var(--radius); }
.country-focus-mark { display: grid; place-items: center; width: 54px; height: 48px; border-radius: 16px 16px 16px 4px; }
.country-focus svg { width: 46px; fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.country-focus h2 { margin-top: 0; }
.country-focus ul { margin-bottom: 0; padding-left: 1.2rem; }
.country-focus-identity-map { background: var(--sky); border: 1px solid #d7e9ed; }
.country-focus-identity-map .country-focus-mark { background: white; }
.country-focus-identity-map svg { stroke: var(--teal); }
.country-focus-account-brief { background: var(--cream); border-left: 5px solid var(--coral); }
.country-focus-account-brief .country-focus-mark { background: var(--coral-soft); }
.country-focus-account-brief svg { stroke: var(--coral); }
.country-focus-promotion-clock { background: var(--ink); }
.country-focus-promotion-clock h2, .country-focus-promotion-clock p, .country-focus-promotion-clock li { color: white; }
.country-focus-promotion-clock .country-focus-mark { background: var(--teal); }
.country-focus-promotion-clock svg { stroke: white; }
.country-focus-arrival-handoff { background: var(--teal-soft); border: 1px solid #c9e7e2; }
.country-focus-arrival-handoff .country-focus-mark { background: var(--coral); }
.country-focus-arrival-handoff svg { stroke: var(--ink); }
.country-focus-condition-model { background: white; border: 2px solid var(--teal); }
.country-focus-condition-model .country-focus-mark { background: var(--teal-soft); }
.country-focus-condition-model svg { stroke: var(--teal-dark); }

@media (max-width: 520px) {
  .country-focus { grid-template-columns: 1fr; }
}