.cities-index .hero{max-width:900px;padding-bottom:34px}
.cities-index h1{max-width:23ch}
.cities-index .intro,.cities-index .hero-prompt{max-width:82ch;line-height:1.7}
.hero-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:23px;font-size:13px;font-weight:650;color:var(--teal)}
.hero-links a{display:inline-flex;gap:10px;align-items:center}
.hero-links a:hover,.directory-note a:hover{text-decoration:underline;text-underline-offset:3px}
.continent-section,.top-cities-section{scroll-margin-top:24px}
.continent-section{border-top:1px solid var(--line);padding-top:29px}
.cities-index .section-heading{margin-bottom:9px}
.section-intro{max-width:80ch;margin:0 0 23px;font-size:14px;line-height:1.65;color:var(--muted)}
.continent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.continent-card{--continent-ink:#116d59;--continent-tint:#edf6f2;--continent-line:#c8ded4;position:relative;isolation:isolate;overflow:hidden;grid-column:span 2;display:flex;flex-direction:column;gap:17px;padding:25px;background:linear-gradient(145deg,#fff 40%,var(--continent-tint));border:1px solid var(--continent-line);border-radius:19px;transition:border-color .18s,box-shadow .18s,transform .18s}
.continent-card:nth-child(-n+2){grid-column:span 3}
.continent-card[data-continent="Americas"]{--continent-ink:#994331;--continent-tint:#fcf0e9;--continent-line:#ecd6cb}
.continent-card[data-continent="Asia"]{--continent-ink:#5b4d97;--continent-tint:#f3effa;--continent-line:#ded6ef}
.continent-card[data-continent="Africa"]{--continent-ink:#886019;--continent-tint:#faf3e4;--continent-line:#e8dbbd}
.continent-card[data-continent="Oceania"]{--continent-ink:#28627f;--continent-tint:#eaf4f9;--continent-line:#cbdee9}
.continent-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--continent-ink);opacity:.75}
.continent-card:hover{border-color:var(--continent-ink);box-shadow:0 9px 24px #1423370c;transform:translateY(-3px)}
.continent-card:focus-visible{outline:3px solid var(--continent-ink);outline-offset:4px}
.continent-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px}
.continent-card h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:0;color:var(--continent-ink)}
.continent-mark{position:relative;display:block;width:45px;height:45px;flex-shrink:0;color:var(--continent-ink);border:1px dashed var(--continent-line);border-radius:50%;transform:rotate(-28deg)}
.continent-mark:before,.continent-mark:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor}
.continent-mark:before{left:0;top:8px}.continent-mark:after{right:0;bottom:8px}
.continent-mark>span{position:absolute;inset:10px;border:1px solid var(--continent-line);border-radius:50%}
.continent-mark>span:after{content:'';position:absolute;left:9px;top:-5px;width:1px;height:31px;background:var(--continent-line);transform:rotate(30deg)}
.continent-card[data-continent="Americas"] .continent-mark{transform:rotate(35deg)}
.continent-card[data-continent="Asia"] .continent-mark{transform:rotate(-65deg)}
.continent-card[data-continent="Africa"] .continent-mark{transform:rotate(70deg)}
.continent-card[data-continent="Oceania"] .continent-mark{transform:rotate(10deg)}
.continent-copy{flex:1}
.continent-copy p{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}
.continent-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding:11px 12px 11px 15px;border:1px solid var(--continent-line);border-radius:11px;background:var(--continent-tint);color:var(--continent-ink);font-size:13px;font-weight:700;transition:background .18s,color .18s,border-color .18s}
.continent-action-arrow{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#ffffffb3;font-size:17px;transition:transform .18s}
.continent-card:hover .continent-action,.continent-card:focus-visible .continent-action{background:var(--continent-ink);border-color:var(--continent-ink);color:#fff}
.continent-card:hover .continent-action-arrow,.continent-card:focus-visible .continent-action-arrow{background:#ffffff20;transform:translateX(2px)}
.top-cities-section{padding-top:42px}
.top-city-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
.top-city{min-width:0;border-bottom:1px solid var(--line)}
.top-city-link{display:flex;align-items:center;gap:13px;height:100%;min-height:78px;padding:14px 2px}
.city-rank{flex-shrink:0;width:25px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.top-city-copy{min-width:0;flex:1}
.top-city-copy h3{font-size:15px;line-height:1.35;margin:0 0 3px;overflow-wrap:anywhere;letter-spacing:-.01em}
.city-country{display:block;font-size:12px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.top-city-arrow{color:var(--muted);font-size:14px;margin-left:auto}
.top-city-link:hover h3,.top-city-link:hover .top-city-arrow{color:var(--accent)}
.top-city:nth-child(-n+6){border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:13px}
.top-city:nth-child(-n+6) .top-city-link{padding:18px 15px;min-height:100px}
.top-city:nth-child(-n+6) h3{font-size:19px}
.top-city:nth-child(-n+6) .city-rank{display:flex;align-items:center;justify-content:center;background:#e8f4ef;color:var(--teal);width:29px;height:29px;border-radius:50%;font-weight:700}
.directory-note{color:var(--muted);font-size:13px;line-height:1.7;margin:22px 0 0}
.directory-note a{color:var(--teal);font-weight:600}
.cities-index .cta-section{padding-top:40px}
@media(max-width:800px){.continent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continent-card,.continent-card:nth-child(-n+2){grid-column:auto}.top-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cities-index .hero{padding-bottom:26px}.cities-index h1{font-size:34px;max-width:22ch}.hero-links{gap:12px 20px}.continent-grid{grid-template-columns:1fr}.continent-card{padding:22px;gap:15px}.continent-card h3{font-size:27px}.top-city-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.top-city-link{gap:8px}.city-rank{width:17px}.top-city:nth-child(-n+6) .top-city-link{min-height:100px;padding:13px 10px}.top-city:nth-child(-n+6) .city-rank{width:23px;height:23px}.top-city:nth-child(-n+6) h3{font-size:18px}.top-cities-section{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.continent-card,.continent-action,.continent-action-arrow{transition:none}.continent-card:hover,.continent-card:hover .continent-action-arrow,.continent-card:focus-visible .continent-action-arrow{transform:none}}

.top-city-copy .guide-badge{display:inline-block;margin:2px 0 5px}