.yBJoia_directoryContainer{padding-top:1.5rem;padding-bottom:3.5rem}.yBJoia_breadcrumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.88rem;display:flex}.yBJoia_breadcrumb a{color:var(--color-primary,#065f46);font-weight:500;text-decoration:none}.yBJoia_breadcrumb a:hover{color:var(--color-gold,#d97706)}.yBJoia_breadcrumbCurrent{color:#047857;font-weight:700}.yBJoia_heroCard{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2.5rem;padding:2.5rem 2rem;box-shadow:0 1px 3px #0000000d}.yBJoia_badgeRow{justify-content:center;margin-bottom:.75rem;display:flex}.yBJoia_heroBadge{color:#047857;letter-spacing:.04em;text-transform:uppercase;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.yBJoia_title{color:#0f172a;font-size:2.2rem;font-family:var(--font-playfair), serif;margin-bottom:.75rem;font-weight:700}.yBJoia_desc{color:#475569;max-width:760px;margin:0 auto 1.8rem;font-size:1.05rem;line-height:1.6}.yBJoia_searchWrapper{max-width:480px;margin:0 auto}.yBJoia_searchBox{align-items:center;display:flex;position:relative}.yBJoia_searchIcon{color:#64748b;pointer-events:none;position:absolute;left:14px}.yBJoia_searchInput{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.75rem 2.4rem .75rem 2.5rem;font-size:.95rem;transition:all .2s}.yBJoia_searchInput:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f}.yBJoia_clearBtn{color:#718096;cursor:pointer;background:0 0;border:none;font-size:1.25rem;position:absolute;right:12px}.yBJoia_resultCount{color:#047857;margin-top:.5rem;font-size:.85rem;font-weight:600}.yBJoia_sectionHeading{text-align:center;margin-bottom:1.5rem}.yBJoia_sectionTitle{color:#0f172a;margin-bottom:.35rem;font-size:1.65rem;font-weight:700}.yBJoia_sectionSubtitle{color:#475569;font-size:.95rem}.yBJoia_featuredSection{margin-bottom:3.5rem}.yBJoia_featuredGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.yBJoia_featuredCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.yBJoia_featuredCard:hover{border-color:#059669;transform:translateY(-3px);box-shadow:0 6px 18px #0596691a}.yBJoia_cardHeader{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.yBJoia_flagIcon{font-size:1.5rem}.yBJoia_countryTag{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.yBJoia_cityName{color:#0f172a;margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.yBJoia_cityDesc{color:#475569;margin-bottom:.8rem;font-size:.85rem;line-height:1.4}.yBJoia_viewLink{color:#047857;font-size:.82rem;font-weight:700}.yBJoia_alphabetBar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.yBJoia_alphabetPill{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;transition:all .15s}.yBJoia_alphabetPill:hover{color:#059669;border-color:#059669;transform:translateY(-1px)}.yBJoia_alphabetPillActive{box-shadow:0 2px 6px #05966940;color:#fff!important;background:#059669!important;border-color:#059669!important}.yBJoia_countriesGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.65rem;display:grid}.yBJoia_countryCard{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.65rem;padding:.7rem .85rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.yBJoia_countryCard:hover{background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #05966926}.yBJoia_countryCard:hover .yBJoia_countryName{color:#fff}.yBJoia_countryCard:hover .yBJoia_countryIso{color:#fff;background:#fff3;border-color:#ffffff4d}.yBJoia_countryFlag{font-size:1.35rem}.yBJoia_countryInfo{flex:1;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.yBJoia_countryName{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.yBJoia_countryIso{color:#047857;letter-spacing:.04em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.7rem;font-weight:800}[data-theme=dark] .yBJoia_alphabetBar{background:#07130fb3;border-color:#ffffff1a}[data-theme=dark] .yBJoia_alphabetPill{color:#94a89f;background:#07130f;border-color:#ffffff26}[data-theme=dark] .yBJoia_alphabetPill:hover{color:#34d399;border-color:#34d399}[data-theme=dark] .yBJoia_heroCard,[data-theme=dark] .yBJoia_featuredCard,[data-theme=dark] .yBJoia_countryCard{background:#0f241d;border-color:#ffffff14}[data-theme=dark] .yBJoia_title,[data-theme=dark] .yBJoia_sectionTitle,[data-theme=dark] .yBJoia_cityName,[data-theme=dark] .yBJoia_countryName{color:#f0fdf4}[data-theme=dark] .yBJoia_desc,[data-theme=dark] .yBJoia_sectionSubtitle,[data-theme=dark] .yBJoia_cityDesc,[data-theme=dark] .yBJoia_countryTag{color:#94a89f}[data-theme=dark] .yBJoia_searchInput{color:#f0fdf4;background:#07130f;border-color:#ffffff26}[data-theme=dark] .yBJoia_countryIso{color:#34d399;background:#10b98126;border-color:#34d3994d}[data-theme=dark] .yBJoia_viewLink{color:#34d399}[data-theme=dark] .yBJoia_countryCard:hover{background:#10b981}[data-theme=dark] .yBJoia_countryCard:hover .yBJoia_countryName{color:#07130f}@media (max-width:768px){.yBJoia_title{font-size:1.7rem}.yBJoia_heroCard{padding:1.5rem 1rem}.yBJoia_countriesGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.yBJoia_countryCard{padding:.55rem .65rem}.yBJoia_countryName{font-size:.8rem}}