/* section 5 group cards (js/s5-groups.js) */
.s5-grid{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:760px){.s5-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.s5-grid{grid-template-columns:1fr 1fr 1fr}}
.s5-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line,#e3e6ea);border-radius:14px;background:var(--card,#fff);color:inherit;text-decoration:none;min-height:64px}
.s5-card:hover,.s5-card:focus-visible{border-color:var(--accent,#c0392b)}
.s5-ct{flex:1;display:flex;flex-direction:column;gap:3px}.s5-ct b{font-weight:650;line-height:1.3}
.s5-ct small{color:var(--muted,#667);font-size:.85rem}
.s5-arr{font-size:1.5rem;color:var(--muted,#889)}
.s5-group .plan-group small{font-weight:400;color:var(--muted,#667);font-size:.8em}
/* 2026-10-17 contrast: the card follows the theme (it used to be white with light dark-theme text) */
.s5-card{background:var(--surface-2,#13284a);border-color:var(--line-2,rgba(255,255,255,.12))}
.s5-ct b{color:var(--text,#e9eff8)}
.s5-ct small,.s5-arr{color:var(--muted,#a9b8cf)}
html[data-theme=light] .s5-card{background:#fff;border-color:rgba(16,35,64,.12)}
html[data-theme=light] .s5-ct b{color:#0f1f3d}
html[data-theme=light] .s5-ct small,html[data-theme=light] .s5-arr,html[data-theme=light] .s5-group .plan-group small{color:#3d4a60}

/* t523u: section 9 country grid */
.s9-grid{list-style:none;margin:10px 0 26px;padding:0;display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(min-width:760px){.s9-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.s9-grid{grid-template-columns:repeat(4,1fr)}}
.s9-card{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:#0d1d38;border:1px solid rgba(255,123,132,.18);color:#eef3ff;text-decoration:none;box-shadow:0 6px 22px rgba(3,10,25,.35);transition:border-color .2s,transform .2s}
.s9-card:hover,.s9-card:focus-visible{border-color:#ff7b84;transform:translateY(-2px)}
.s9-map{position:relative;display:block;aspect-ratio:16/10;background:radial-gradient(120% 120% at 30% 20%,#1d3a66 0%,#0a1630 70%)}
.s9-map>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.s9-map::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,48,0) 45%,rgba(10,22,48,.85));pointer-events:none}
.s9-flag{position:absolute;left:10px;bottom:-12px;width:36px;height:27px;border-radius:5px;box-shadow:0 0 0 2px #0d1d38,0 0 14px rgba(255,123,132,.55);z-index:1;object-fit:cover}
.s9-ct{display:flex;flex-direction:column;gap:2px;padding:18px 12px 12px}
.s9-ct b{font-size:15px;line-height:1.25}
.s9-ct small{color:#ff9ea5;font-size:12px}
.s9-hero{position:relative;margin:6px 0 22px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,123,132,.2),0 10px 30px rgba(3,10,25,.4)}
.s9-hero>img:first-child{width:100%;height:auto;display:block}
.s9-hero .s9-flag{left:14px;bottom:14px;width:56px;height:42px}
.s9-guide{margin:18px 0 0}.s9-guide a{color:#ff7b84;font-weight:600}