:root{--night:#130b20;--night-2:#251237;--coral:#ff5f62;--paper:#f8f4ef;--ink:#181520;--muted:#68616f;--line:#ded6cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit}.countryHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(22px,6vw,92px);color:#fff;background:#0b0811}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand img{width:34px;height:34px}.brand span span{color:var(--coral)}.back{color:#d9d2df;font-size:14px;text-decoration:none}.countryHero{position:relative;overflow:hidden;padding:clamp(76px,10vw,138px) clamp(24px,8vw,128px);color:#fff;background:radial-gradient(circle at 85% 10%,rgba(255,95,98,.35),transparent 30%),linear-gradient(135deg,var(--night),var(--night-2))}.countryHeroInner{width:min(1100px,100%);margin:auto}.countryFlag{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:#dbd3e1;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.countryFlag img{width:48px;height:32px;object-fit:cover;border-radius:3px}.countryHero h1{max-width:900px;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7vw,86px);font-weight:400;line-height:.98;letter-spacing:-.045em}.countryHero h1 em{color:var(--coral);font-weight:400}.countryHero p{max-width:680px;margin:28px 0 34px;color:#d9d2df;font-size:19px}.cta{display:inline-flex;padding:15px 22px;border-radius:8px;color:#fff;background:var(--coral);font-weight:800;text-decoration:none}.countryMain{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:76px 0 88px}.introGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.eyebrow{color:#8c8490;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.introGrid h2,.datingTips h2{margin:12px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.035em}.introCopy p{margin:0 0 20px;color:var(--muted);font-size:17px}.datingTips{margin-top:72px;padding:48px;border:1px solid var(--line);border-radius:22px;background:#fff}.tipGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.tip{padding:24px;border-radius:14px;background:#f4efeb}.tip b{display:block;margin-bottom:8px;font-family:Georgia,'Times New Roman',serif;font-size:24px}.tip p{margin:0;color:var(--muted);font-size:15px}.countryFooter{padding:36px clamp(24px,6vw,92px);color:#fff;background:#0b0811}.flagNav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.flagNav a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#ded7e2;font-size:12px;text-decoration:none}.flagNav img{width:28px;height:18px;object-fit:cover}.fine{color:#817989;font-size:12px}@media(max-width:760px){.introGrid,.tipGrid{grid-template-columns:1fr}.introGrid{gap:26px}.datingTips{padding:30px 22px}.countryHeader{align-items:flex-start}.back{max-width:130px;text-align:right}.countryHero p{font-size:17px}}
.articleMeta{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 44px;padding-bottom:22px;border-bottom:1px solid var(--line);color:#817986;font-size:13px}.articleBody{width:min(760px,100%);margin:74px auto 0}.articleBody h2{margin:54px 0 14px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.2vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.03em}.articleBody h3{margin:34px 0 10px;font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:400}.articleBody p{margin:0 0 20px;color:#514a57;font-size:17px}.articleBody ul{margin:12px 0 24px;padding-left:22px;color:#514a57}.articleBody li{margin:9px 0}.articleCta{margin-top:58px;padding:42px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#1a1026,#341943)}.articleCta h2{margin:0 0 12px;color:#fff}.articleCta p{color:#d9d1df}.articleCta .cta{margin-top:8px}@media(max-width:760px){.articleBody{margin-top:54px}.articleCta{padding:30px 22px}}
.blogMain{width:min(1180px,calc(100% - 48px));margin:auto;padding:76px 0 96px}.blogIntro{display:grid;grid-template-columns:1fr .7fr;gap:64px;align-items:end;margin-bottom:48px}.blogIntro h1{max-width:14ch;margin:10px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,6vw,74px);font-weight:400;line-height:1;letter-spacing:-.045em}.blogIntro p{margin:0;color:var(--muted);font-size:17px}.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.articleCard{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.articleCard img.cover{width:100%;height:210px;object-fit:cover}.articleCardBody{padding:24px}.articleCountry{display:flex;align-items:center;gap:9px;color:#857d89;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.articleCountry img{width:30px;height:20px;object-fit:cover}.articleCard h2{margin:16px 0 12px;font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:400;line-height:1.08;letter-spacing:-.03em}.articleCard p{margin:0 0 20px;color:var(--muted);font-size:15px}.readArticle{color:#e14e54;font-size:13px;font-weight:800;text-decoration:none}@media(max-width:900px){.articleGrid{grid-template-columns:repeat(2,1fr)}.blogIntro{grid-template-columns:1fr;gap:20px}}@media(max-width:620px){.articleGrid{grid-template-columns:1fr}.articleCard img.cover{height:230px}}
.countryHero h1,.introGrid h2,.datingTips h2,.articleBody h2,.blogIntro h1,.articleCard h2{text-wrap:balance}.blogMain{width:min(1380px,calc(100% - 64px))}.articleGrid{gap:26px}.articleCard h2{font-size:29px}@media(max-width:620px){.blogMain{width:min(100% - 36px,1380px)}}
.hindiPage{font-family:"Nirmala UI","Mangal",Arial,sans-serif}.hindiPage .countryHero h1,.hindiPage .introGrid h2,.hindiPage .articleBody h2,.hindiPage .articleBody h3,.hindiPage .articleCta h2{font-family:"Nirmala UI","Mangal",Georgia,serif;letter-spacing:-.025em}.hindiPage .countryHero h1{font-weight:600;line-height:1.08}.hindiPage .countryHero h1 em{font-weight:500}.hindiPage .articleBody{width:min(820px,100%)}.featureList{display:grid;gap:12px;padding-left:0!important;list-style:none}.featureList li{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}.featureList strong{color:var(--ink)}.tipsStack{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.tipsStack section{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.tipsStack h3{margin-top:0}.tipsStack p{margin-bottom:0}.storyQuotes{display:grid;gap:16px;margin-top:24px}.storyQuotes blockquote{margin:0;padding:26px;border-left:4px solid var(--coral);border-radius:0 14px 14px 0;color:#514a57;background:#fff;font-size:17px;line-height:1.75}.storyQuotes cite{display:block;margin-top:12px;color:#8d8491;font-style:normal;font-weight:700}@media(max-width:720px){.tipsStack{grid-template-columns:1fr}}
.compactFeatures{margin-top:24px}.featureCards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.featureCards section{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.featureCards h3{margin:0 0 10px}.featureCards p{margin:0}.articleFaq{display:grid;gap:12px;margin-top:24px}.articleFaq details{border:1px solid var(--line);border-radius:12px;background:#fff}.articleFaq summary{padding:18px 20px;font-weight:800;cursor:pointer}.articleFaq details p{margin:0;padding:0 20px 20px}@media(max-width:720px){.featureCards{grid-template-columns:1fr}}

/* V9 country-article template: photographic masthead and focused reading column. */
.articlePage { background: #fff; }
.articlePage .countryHero {
  display: grid;
  align-items: center;
  min-height: 470px;
  padding: 76px clamp(28px, 6vw, 100px);
  background:
    linear-gradient(90deg, rgba(15,8,24,.88) 0%, rgba(25,12,34,.68) 48%, rgba(18,9,25,.38) 100%),
    var(--country-hero) center 42% / cover no-repeat;
}

/* Keep blog-card actions aligned. */
.articleCard { display: flex; flex-direction: column; }
.articleCardBody { display: flex; flex: 1; flex-direction: column; }
.readArticle { margin-top: auto; }
.articlePage .countryHeroInner { width: min(1380px, 100%); }
.articlePage .countryFlag { margin-bottom: 20px; color: rgba(255,255,255,.9); }
.articlePage .countryHero h1 {
  max-width: none;
  color: #fff;
  font-size: clamp(30px, 2.45vw, 46px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.035em;
  white-space: nowrap;
  text-wrap: nowrap;
  text-shadow: 0 3px 24px rgba(0,0,0,.35);
}
.articlePage .countryHero h1 em { color: inherit; font-style: normal; }
.articlePage .countryHero p { max-width: 720px; margin: 22px 0 28px; color: rgba(255,255,255,.86); font-size: 17px; line-height: 1.7; }
.articlePage .countryMain { width: min(1060px, calc(100% - 48px)); padding: 62px 0 96px; background: #fff; }
.articlePage .articleMeta,
.articlePage .introGrid,
.articlePage .datingTips,
.articlePage .articleBody { width: min(820px, 100%); margin-inline: auto; }
.articlePage .articleMeta { margin-bottom: 38px; }
.articlePage .introGrid { grid-template-columns: 1fr; gap: 18px; }
.articlePage .introGrid h2,
.articlePage .datingTips h2,
.articlePage .articleBody h2 { font-size: clamp(30px, 3.1vw, 43px); line-height: 1.18; }
.articlePage .introCopy p,
.articlePage .articleBody p,
.articlePage .articleBody li { font-size: 17px; line-height: 1.78; }
.articlePage .datingTips { margin-top: 54px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.articlePage .articleBody { margin-top: 58px; }
.articlePage .articleBody h2 { margin-top: 58px; }
.articlePage .articleBody h3 { line-height: 1.3; }
.articlePage .articleCta { width: 100%; }

@media (max-width: 760px) {
  .articlePage .countryHero { min-height: 400px; padding-block: 64px; background-position: 58% center; }
  .articlePage .countryHero h1 { font-size: clamp(25px, 7vw, 38px); white-space: normal; text-wrap: balance; }
  .articlePage .countryHero p { font-size: 16px; }
  .articlePage .countryMain { width: min(100% - 36px, 1060px); padding-top: 46px; }
}

/* V11 editorial rhythm: wide single-line section titles with a focused reading measure. */
@media (min-width: 1101px) {
  .articlePage .countryMain { width: min(1240px, calc(100% - 96px)); }
  .articlePage .articleMeta,
  .articlePage .introGrid,
  .articlePage .datingTips,
  .articlePage .articleBody { width: min(1180px, 100%); }
  .articlePage .introGrid h2,
  .articlePage .datingTips h2,
  .articlePage .articleBody > h2,
  .articlePage .articleBody > section > h2,
  .articlePage .articleCta h2 {
    max-width: none;
    white-space: nowrap;
    text-wrap: nowrap;
    font-size: clamp(27px, 2vw, 36px);
    letter-spacing: -.025em;
  }
  .articlePage .introCopy,
  .articlePage .articleBody > p,
  .articlePage .articleBody > ul,
  .articlePage .articleBody > .featureList,
  .articlePage .articleBody > .articleFaq,
  .articlePage .articleBody > .storyQuotes { max-width: 820px; }
  .articlePage .featureCards,
  .articlePage .tipsStack { max-width: 980px; }
  .hindiPage .introGrid h2,
  .hindiPage .datingTips h2,
  .hindiPage .articleBody > h2,
  .hindiPage .articleBody > section > h2 { font-size: 30px; }
}

@media (max-width: 1100px) {
  .articlePage .introGrid h2,
  .articlePage .datingTips h2,
  .articlePage .articleBody h2 { white-space: normal; text-wrap: balance; }
}

/* V13 Blog pages: one continuous editorial page without country badges. */
.blogMain .articleCountry img { display: none; }
.blogMain .articleCountry { gap: 0; }
.articleNav { display: flex; align-items: center; gap: 10px; }
.articleNav a {
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 7px;
  color: #f3eef6;
  font-size: 14px;
  text-decoration: none;
}
.articleNav a:hover,
.articleNav a:focus-visible { border-color: var(--coral); color: #fff; }
.blogArticlePage { background: #fff; }
.blogArticlePage .countryHero {
  min-height: 440px;
  padding: 72px max(24px, calc((100vw - 1180px) / 2));
  color: #fff;
  background:
    linear-gradient(90deg, rgba(15,8,24,.9) 0%, rgba(25,12,34,.7) 52%, rgba(18,9,25,.42) 100%),
    var(--country-hero) center 42% / cover no-repeat;
}
.blogArticlePage .countryHero::before { display: none; }
.blogArticlePage .countryHeroInner { width: min(1180px, 100%); }
.blogArticlePage .countryFlag { display: none; }
.blogArticlePage .countryHero h1 {
  max-width: 1080px;
  color: #fff;
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.04;
  white-space: normal;
  text-wrap: balance;
}
.blogArticlePage .countryHero p {
  max-width: 820px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.88);
  font-size: 18px;
}
.blogArticlePage .countryHero .cta { display: none; }
.blogArticlePage .countryMain {
  width: min(1180px, calc(100% - 48px));
  margin-top: 0;
  padding-top: 0;
}
.blogArticlePage .articleMeta { width: 100%; margin-top: 0; }
.blogArticlePage .articleLeadImage {
  display: block;
  width: min(100%, 1180px);
  max-height: 620px;
  margin: 0 auto 48px;
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
}
.blogArticlePage .articleBody { margin-top: 42px; }
@media (max-width: 760px) {
  .articleNav { gap: 6px; }
  .articleNav a { padding: 7px 10px; font-size: 12px; }
  .blogArticlePage .countryHero { min-height: 390px; padding: 54px 18px; background-position: 58% center; }
  .blogArticlePage .countryHero h1 { font-size: clamp(32px, 10vw, 46px); }
  .blogArticlePage .countryMain { width: min(100% - 36px, 1180px); }
  .blogArticlePage .articleLeadImage { min-height: 220px; margin-bottom: 34px; border-radius: 12px; }
}

/* V14: consistent blog reading measure, balanced media, and safe title wrapping. */
.blogArticlePage .countryHeroInner,
.blogArticlePage .countryMain,
.blogArticlePage .articleMeta,
.blogArticlePage .articleLeadImage,
.blogArticlePage .articleBody {
  width: min(900px, 100%);
}
.blogArticlePage .countryMain {
  width: min(900px, calc(100% - 48px));
}
.blogArticlePage .articleLeadImage {
  height: auto;
  max-height: none;
  margin-bottom: 44px;
}
.blogArticlePage .articleBody {
  margin: 0 auto;
  text-align: left;
}
.blogArticlePage .articleBody > p,
.blogArticlePage .articleBody > ul,
.blogArticlePage .articleBody > .featureList,
.blogArticlePage .articleBody > .articleFaq,
.blogArticlePage .articleBody > .storyQuotes,
.blogArticlePage .articleBody > .featureCards,
.blogArticlePage .articleBody > .tipsStack,
.blogArticlePage .articleBody > .articleCta {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  text-align: left;
}
.blogArticlePage .articleBody h2,
.blogArticlePage .articleBody h3,
.blogArticlePage .articleCta h2 {
  max-width: 100%;
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.blogArticlePage .articleBody h2,
.blogArticlePage .articleCta h2 {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.18;
}
.blogArticlePage .articleBody h3 {
  font-size: clamp(23px, 2.2vw, 29px);
}
.blogArticlePage .articleBody p,
.blogArticlePage .articleBody li {
  text-align: left;
  line-height: 1.78;
}
.blogArticlePage .articleCta {
  box-sizing: border-box;
}
.articleCard h2 {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .blogArticlePage .countryMain { width: min(100% - 36px, 900px); }
  .blogArticlePage .articleLeadImage { min-height: 0; margin-bottom: 30px; }
  .blogArticlePage .articleBody h2,
  .blogArticlePage .articleCta h2 { font-size: clamp(27px, 8vw, 34px); }
}

/* Keep numerals aligned in editorial headings. */
.blogArticlePage h1,
.blogArticlePage h2,
.blogArticlePage h3,
.articleCard h2 {
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
}

/* V15: compact blog masthead and a clear H1/H2/H3 hierarchy. */
.blogArticlePage .countryHero {
  min-height: 0;
  padding-block: 55px;
}
.blogArticlePage .countryHero h1 {
  font-size: clamp(44px, 3.6vw, 52px);
  line-height: 1.08;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
}
.blogArticlePage .countryHero p {
  margin-top: 18px;
}
.blogArticlePage .countryMain {
  padding-bottom: 88px;
}
.blogArticlePage .articleLeadImage {
  margin-top: 0;
}
.blogArticlePage .articleBody h2,
.blogArticlePage .articleCta h2 {
  margin-top: 48px;
  margin-bottom: 14px;
  font-size: clamp(30px, 2.4vw, 34px);
  line-height: 1.22;
}
.blogArticlePage .articleBody h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: clamp(23px, 2vw, 27px);
  line-height: 1.3;
}
.blogArticlePage .articleCta h2 {
  margin-top: 0;
}
@media (max-width: 760px) {
  .blogArticlePage .countryHero { min-height: 0; padding: 40px 18px; }
  .blogArticlePage .countryHero h1 { font-size: clamp(34px, 9vw, 40px); }
  .blogArticlePage .articleBody h2,
  .blogArticlePage .articleCta h2 { font-size: clamp(26px, 7vw, 30px); }
  .blogArticlePage .articleBody h3 { font-size: clamp(22px, 6vw, 25px); }
}

/* V16: article-first blog layout with a centered title and inline illustration. */
.blogArticlePage .countryHero {
  display: block;
  min-height: 0;
  padding: 52px 24px 36px;
  color: var(--ink);
  background: #fff;
}
.blogArticlePage .countryHeroInner {
  width: min(900px, 100%);
  margin: 0 auto;
}
.blogArticlePage .countryHero h1 {
  max-width: 900px;
  margin: 0 auto;
  color: var(--ink);
  text-align: center;
  text-shadow: none;
}
.blogArticlePage .countryMain {
  padding-top: 0;
}
.blogArticlePage .articleBody > p {
  text-align: justify;
  text-justify: inter-word;
}
.blogArticlePage .articleBody h2,
.blogArticlePage .articleBody h3,
.blogArticlePage .articleCta h2,
.blogArticlePage .articleBody li,
.blogArticlePage .articleBody blockquote {
  text-align: left;
}
@media (max-width: 760px) {
  .blogArticlePage .countryHero { padding: 38px 18px 28px; }
  .blogArticlePage .articleBody > p { text-align: left; }
}

/* V17: compact editorial type scale; illustration dimensions remain unchanged. */
.blogArticlePage .countryHero h1 {
  font-size: clamp(40px, 3.2vw, 46px);
}
.blogArticlePage .articleBody h2,
.blogArticlePage .articleCta h2 {
  font-size: clamp(24px, 2.1vw, 28px);
}
.blogArticlePage .articleBody h3 {
  font-size: clamp(20px, 1.8vw, 23px);
}
@media (max-width: 760px) {
  .blogArticlePage .countryHero h1 { font-size: clamp(32px, 8.5vw, 38px); }
  .blogArticlePage .articleBody h2,
  .blogArticlePage .articleCta h2 { font-size: clamp(23px, 6.5vw, 26px); }
  .blogArticlePage .articleBody h3 { font-size: clamp(19px, 5.5vw, 22px); }
}

@media (min-width: 901px) {
  .blogArticlePage .countryHero h1.singleLineTitle {
    max-width: none;
    font-size: clamp(30px, 2.4vw, 36px);
    white-space: nowrap;
    text-wrap: nowrap;
  }
}