/* Binafsy · v15.1 Tanzania-first guide network — scoped visual styles */
.countries-section{padding:80px 0 78px;scroll-margin-top:105px;border-top:1px solid #e5eee8;background:#fff}
.countries-section .section-inner{width:min(1180px,100%)}
.countries-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.countries-heading>div:first-child{max-width:710px}
.countries-heading .section-kicker{display:inline-flex;align-items:center;gap:8px;color:#18745c;font-size:.72rem;font-weight:750;letter-spacing:.105em;margin-bottom:18px}
.countries-heading .section-title{color:#142c24;font-size:clamp(2.8rem,4.9vw,4.45rem);letter-spacing:-.063em;line-height:1.035;font-weight:700;margin-bottom:15px}
.countries-accent{color:#11614f}
.countries-heading .section-subtitle{max-width:600px;font-size:1rem;color:#61736b;line-height:1.62}
.countries-heading-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-bottom:7px;text-align:right;white-space:nowrap}
.countries-region-mark{display:inline-flex;align-items:center;gap:9px;color:#245847;background:#ecf5ef;border:1px solid #dbe8dd;padding:10px 13px;border-radius:8px;font-size:.71rem;font-weight:800;letter-spacing:.08em}
.countries-heading-side>span:last-child{color:#809087;font-size:.76rem}
.countries-network{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:18px;align-items:stretch}
.country-card{appearance:none;position:relative;isolation:isolate;min-width:0;min-height:402px;padding:0;border:1px solid rgba(26,74,57,.08);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;cursor:pointer;text-align:left;color:#fff;background:#184b40;box-shadow:0 10px 26px rgba(24,60,45,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;font-family:inherit}
.country-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,23,17,.25) 0%,transparent 28%,rgba(6,23,17,.08) 48%,rgba(5,21,17,.88) 100%);pointer-events:none}
.country-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}
.country-card:hover{transform:translateY(-4px);border-color:rgba(16,87,66,.38);box-shadow:0 21px 43px rgba(15,66,47,.16)}
.country-card:hover .country-art{transform:scale(1.045)}
.country-card:focus-visible,.countries-bottom button:focus-visible{outline:3px solid #3cb28a;outline-offset:4px}
.country-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px}
.country-live-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(7,33,25,.62);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:10px 13px;font-size:.67rem;font-weight:800;letter-spacing:.07em;backdrop-filter:blur(10px)}
.country-online-dot{width:8px;height:8px;flex:none;background:#58e3a1;border-radius:50%;box-shadow:0 0 0 3px rgba(88,227,161,.18)}
.country-arrow{display:grid;place-items:center;width:38px;height:38px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(7px);border-radius:11px;color:white;transition:background .2s ease,color .2s ease}
.country-card:hover .country-arrow{background:#fff;color:#134937}
.country-bottom{display:flex;flex-direction:column;padding:0 27px 27px;min-width:0}
.country-micro{font-size:.67rem;font-weight:800;letter-spacing:.095em;line-height:1.4;color:#e8ead6}
.country-name{font-size:clamp(2.9rem,4.3vw,4.5rem);line-height:1.09;font-weight:750;letter-spacing:-.06em;margin:10px 0 11px}
.country-description{font-size:.89rem;line-height:1.48;color:rgba(255,255,255,.85);max-width:370px}
.country-action{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(255,255,255,.28);padding-top:16px;margin-top:23px;color:#fff;font-weight:750;font-size:.84rem;line-height:1.2}
.country-arrow-inline{font-size:1.25rem;line-height:1;color:#c3f2d6}
.countries-next{border:1px solid #e4ede6;border-radius:20px;background:linear-gradient(155deg,#f7faf7,#f4f7f2);padding:24px 24px 20px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.countries-next-eyebrow{color:#277254;font-size:.67rem;font-weight:850;letter-spacing:.12em}
.countries-next-heading h3{margin:9px 0 8px;color:#17382b;font-size:clamp(1.36rem,2vw,1.95rem);line-height:1.14;letter-spacing:-.042em;font-weight:750;max-width:360px}
.countries-next-heading p{font-size:.82rem;line-height:1.48;color:#6d8277;max-width:390px}
.future-countries{display:grid;gap:9px;margin-top:17px}
.future-country{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #e4eae3;background:#fff;border-radius:13px;padding:9px 12px 9px 9px;min-height:69px}
.future-country img{width:55px;height:48px;border-radius:8px;object-fit:cover;filter:saturate(.69);flex:none}
.future-country-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.future-country-meta strong{font-size:.92rem;color:#19392c;font-weight:760}
.future-country-meta span{font-size:.72rem;color:#829187}
.future-status{display:inline-flex;align-items:center;background:#f1f4f1;color:#7a8a80;border:1px solid #e3eae3;padding:6px 8px;border-radius:6px;font-weight:750;font-size:.66rem;white-space:nowrap}
.countries-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.countries-bottom>span{display:inline-flex;align-items:flex-start;gap:9px;font-size:.77rem;line-height:1.5;color:#7a8b81}
.countries-bottom>span i{margin-top:2px;color:#2a8666}
.countries-bottom button{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;border:0;background:none;color:#195b46;font-size:.77rem;font-weight:800;cursor:pointer}
.countries-bottom button:hover{color:#0a3a2b}
@media(max-width:1000px){.countries-heading-side{display:none}.countries-network{grid-template-columns:1fr 1fr}.country-card{min-height:375px}}
@media(max-width:740px){.countries-section{padding:55px 5% 52px}.countries-heading{margin-bottom:22px}.countries-heading .section-kicker{font-size:.67rem;margin-bottom:11px}.countries-heading .section-title{font-size:clamp(2.15rem,9vw,3rem);margin-bottom:12px}.countries-heading .section-subtitle{font-size:.89rem}.countries-network{grid-template-columns:1fr;gap:13px}.country-card{min-height:325px;border-radius:16px}.country-name{font-size:3.2rem}.country-topline{padding:16px}.country-bottom{padding:0 19px 19px}.countries-next{padding:19px;border-radius:16px}.countries-next-heading h3{font-size:1.52rem}.future-countries{gap:7px}.future-country{min-height:61px}.future-country img{height:43px;width:52px}.countries-bottom{flex-direction:column;align-items:flex-start;gap:12px}.countries-bottom button{white-space:normal}}
@media(max-width:390px){.country-card{min-height:295px}.country-name{font-size:2.7rem}.country-live-badge{font-size:.57rem}.future-status{font-size:.6rem}.future-country{gap:7px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){.country-card,.country-art,.country-arrow{transition:none!important}}
