/* ========================================================================
   R23 — clean readable typography + HD homepage category media
   SEO/content/tool behavior intentionally untouched.
   ======================================================================== */
body:not(.admin-body){
  font-family:"Nirmala UI","Noto Sans Bengali","Hind Siliguri","Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.62!important;
  font-weight:400!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  font-synthesis:none!important;
}
body.lang-en:not(.admin-body){font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) .brand-wordmark,
body:not(.admin-body) .btn,
body:not(.admin-body) nav a{
  font-family:inherit!important;
  letter-spacing:0!important;
}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3{font-weight:700!important;text-wrap:balance}
body:not(.admin-body) p{font-weight:400!important}
body:not(.admin-body) .r13-desktop-nav a,
body:not(.admin-body) .r13-header a{font-weight:600!important}

body:not(.admin-body) .r13-home-hero .r13-hero-copy h1{
  font-size:clamp(46px,4.8vw,64px)!important;
  line-height:1.14!important;
  font-weight:700!important;
  max-width:660px!important;
  margin-bottom:18px!important;
}
body:not(.admin-body) .r13-home-hero .r13-hero-copy p{
  font-size:16px!important;
  line-height:1.7!important;
  max-width:680px!important;
  color:#51686d!important;
}
body:not(.admin-body) .obvious-search .searchbox-label{font-size:13px!important;font-weight:700!important}
body:not(.admin-body) .obvious-search input{font-size:15px!important;line-height:1.4!important}
body:not(.admin-body) .obvious-search .btn{font-size:14px!important;font-weight:700!important}

/* Homepage: only the main problem categories keep photographic media. */
body:not(.admin-body) .r13-topic-grid .topic-card.priority-issue-card.visual-topic,
body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .topic-card.priority-issue-card.visual-topic{
  border-radius:17px!important;
  box-shadow:0 6px 20px rgba(5,50,59,.055)!important;
  overflow:hidden!important;
}
body:not(.admin-body) .r13-topic-grid .topic-card.priority-issue-card.visual-topic>img,
body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .topic-card.priority-issue-card.visual-topic>img{
  width:calc(100% - 10px)!important;
  height:108px!important;
  min-height:108px!important;
  margin:1px auto 0!important;
  border:4px solid rgba(255,255,255,.98)!important;
  border-radius:12px!important;
  object-fit:cover!important;
  object-position:center!important;
  image-rendering:auto!important;
  filter:saturate(.98) contrast(1.02)!important;
  box-shadow:0 5px 16px rgba(20,43,49,.11)!important;
}
body:not(.admin-body) .r13-topic-grid .priority-issue-card .topic-card-copy,
body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .priority-issue-card .topic-card-copy{padding:11px 7px 27px!important}
body:not(.admin-body) .r13-topic-grid .priority-issue-card h3,
body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .priority-issue-card h3{
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:700!important;
  margin:0 0 5px!important;
}
body:not(.admin-body) .r13-topic-grid .priority-issue-card p,
body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .priority-issue-card p{
  font-size:12.8px!important;
  line-height:1.58!important;
  color:#617479!important;
}

/* Tool/guide cards: keep the small logo/illustration treatment, but make text easier to read. */
body:not(.admin-body) .card.visual-card.icon-card{min-height:278px!important}
body:not(.admin-body) .card.visual-card.icon-card .card-media.logo-media{height:106px!important;min-height:106px!important;padding:12px!important}
body:not(.admin-body) .card.visual-card.icon-card .card-media.logo-media img{
  max-width:88px!important;
  max-height:88px!important;
  object-fit:contain!important;
  box-shadow:none!important;
  border:0!important;
}
body:not(.admin-body) .card.visual-card.icon-card h3{
  font-size:18.5px!important;
  line-height:1.38!important;
  font-weight:700!important;
  margin:0 0 8px!important;
}
body:not(.admin-body) .card.visual-card.icon-card p{
  font-size:13.2px!important;
  line-height:1.58!important;
  color:#607278!important;
}
body:not(.admin-body) .card.visual-card.icon-card .pill{font-size:9.5px!important;font-weight:700!important}
body:not(.admin-body) .card.visual-card.icon-card .arrow{font-size:12.5px!important;font-weight:700!important}
body:not(.admin-body) .section-head h2{font-size:clamp(28px,3vw,36px)!important;line-height:1.25!important}

@media(max-width:768px){
  body:not(.admin-body){font-size:15px!important;line-height:1.6!important}
  body:not(.admin-body) .r13-home-hero .r13-hero-copy{padding:20px 18px 22px!important}
  body:not(.admin-body) .r13-home-hero .r13-hero-copy h1{
    font-size:clamp(32px,9.2vw,40px)!important;
    line-height:1.16!important;
    margin-bottom:12px!important;
  }
  body:not(.admin-body) .r13-home-hero .r13-hero-copy p{font-size:14px!important;line-height:1.65!important}
  body:not(.admin-body) .obvious-search .searchbox-label{font-size:12px!important}
  body:not(.admin-body) .obvious-search input{font-size:14px!important}

  body:not(.admin-body) .r13-topic-grid .topic-card.priority-issue-card.visual-topic,
  body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .topic-card.priority-issue-card.visual-topic{
    grid-template-columns:128px minmax(0,1fr)!important;
    min-height:112px!important;
    gap:10px!important;
    padding:8px!important;
  }
  body:not(.admin-body) .r13-topic-grid .topic-card.priority-issue-card.visual-topic>img,
  body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .topic-card.priority-issue-card.visual-topic>img{
    width:128px!important;
    height:88px!important;
    min-height:88px!important;
    border:4px solid #fff!important;
    margin:0!important;
  }
  body:not(.admin-body) .r13-topic-grid .priority-issue-card .topic-card-copy,
  body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .priority-issue-card .topic-card-copy{padding:7px 36px 7px 2px!important}
  body:not(.admin-body) .r13-topic-grid .priority-issue-card h3,
  body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .priority-issue-card h3{font-size:17px!important;line-height:1.32!important}
  body:not(.admin-body) .r13-topic-grid .priority-issue-card p,
  body:not(.admin-body) .topic-grid:not(.r13-topic-grid) .priority-issue-card p{font-size:12px!important;line-height:1.5!important}

  body:not(.admin-body) .card.visual-card.icon-card{
    grid-template-columns:104px minmax(0,1fr)!important;
    min-height:144px!important;
  }
  body:not(.admin-body) .card.visual-card.icon-card .card-media.logo-media{
    width:104px!important;
    min-width:104px!important;
    min-height:144px!important;
    padding:11px!important;
  }
  body:not(.admin-body) .card.visual-card.icon-card .card-media.logo-media img{max-width:72px!important;max-height:72px!important}
  body:not(.admin-body) .card.visual-card.icon-card .card-content{padding:13px 14px!important}
  body:not(.admin-body) .card.visual-card.icon-card h3{font-size:16.4px!important;line-height:1.34!important;margin-bottom:5px!important}
  body:not(.admin-body) .card.visual-card.icon-card p{font-size:12px!important;line-height:1.5!important;-webkit-line-clamp:2!important}
  body:not(.admin-body) .card.visual-card.icon-card .pill{font-size:8.6px!important;padding:3px 6px!important}
  body:not(.admin-body) .card.visual-card.icon-card .arrow{font-size:11px!important;padding-top:5px!important}
}