/* CLR & Associates V27 review: compact visual density without changing content or behaviour. */

/* Wider usable canvas and tighter vertical rhythm. */
.container{width:min(1250px,calc(100% - 32px))!important}
.section{padding-block:58px!important}
.section-heading{margin-bottom:23px!important}
.section-heading.split{gap:42px!important}
.section-heading h2,.health-copy h2,.document-copy h2,.consultation-copy h2,.foreigner-copy h2{
  font-size:clamp(30px,2.85vw,43px)!important;
  line-height:1.1!important;
}
.section-heading p:not(.eyebrow),.health-copy>p,.document-copy>p,.consultation-copy>p,.foreigner-copy>p{
  font-size:14px!important;line-height:1.58!important;
}
.eyebrow,.kicker{font-size:10px!important;margin-bottom:10px!important;letter-spacing:.14em!important}
.btn{min-height:43px!important;padding-inline:18px!important;font-size:13px!important}

/* Hero remains prominent but no longer consumes most of the viewport. */
.hero{min-height:0!important}
.hero-grid{min-height:430px!important;padding:40px 0 42px!important}
.hero h1{font-size:clamp(42px,5.6vw,72px)!important;line-height:1.04!important;margin-bottom:16px!important}
body.lang-bn .hero h1{font-size:clamp(39px,5.1vw,67px)!important;line-height:1.1!important}
.hero-lead{font-size:16px!important;line-height:1.6!important;max-width:800px!important}
.hero-actions{margin-top:22px!important;gap:10px!important}
.hero-practice-pills{margin-top:20px!important;gap:7px!important}
.hero-practice-pills button{padding:7px 10px!important;font-size:10px!important}

/* Directory introduction and category cards. */
.service-priority-section{padding-top:54px!important}
.priority-badge{padding:7px 11px!important;margin-bottom:12px!important;font-size:10px!important}
.service-area-block{padding:18px!important;margin-bottom:14px!important}
.service-area-heading{gap:28px!important;margin-bottom:16px!important}
.service-area-heading h3{font-size:clamp(22px,2vw,30px)!important;line-height:1.15!important}
.service-area-heading p{font-size:13px!important;line-height:1.55!important}
.category-summary{gap:12px!important}
.category-card{min-height:180px!important;padding:16px!important;border-radius:14px!important}
.category-card::before{height:4px!important}
.category-card .category-icon{width:48px!important;height:48px!important;border-radius:13px!important;margin-bottom:10px!important}
.category-card small{font-size:9px!important}
.category-card h3{font-size:18px!important;line-height:1.18!important;margin:6px 0!important}
body.lang-bn .category-card h3{font-size:19px!important}
.category-card p{font-size:12px!important;line-height:1.45!important;margin-bottom:0!important}

/* Four compact services per desktop row. */
.service-toolbar{padding:10px!important;gap:8px!important;border-radius:14px!important}
.service-toolbar input,.service-toolbar select{height:42px!important;font-size:13px!important}
.popular-toggle{min-height:42px!important;font-size:10px!important}
.directory-meta{margin:8px 0 12px!important;font-size:12px!important}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.service-card{min-height:205px!important;padding:15px!important;border-radius:13px!important}
.service-card .service-icon{width:38px!important;height:38px!important;margin-bottom:9px!important;font-size:18px!important}
.service-card .service-tags{margin-bottom:8px!important}
.service-tag{font-size:8px!important;padding:4px 6px!important}
.service-card h3{font-size:18px!important;line-height:1.22!important;margin-bottom:6px!important}
body.lang-bn .service-card h3{font-size:19px!important;line-height:1.2!important}
.service-card p{font-size:12px!important;line-height:1.48!important;margin-bottom:10px!important}
.service-card .text-button{font-size:12px!important}
.load-more-wrap{margin-top:20px!important}
.section-lead-cta{margin-top:24px!important;padding:20px 22px!important;min-height:0!important}
.section-lead-copy small{font-size:9px!important}
.section-lead-copy h3{font-size:clamp(20px,2vw,29px)!important;line-height:1.18!important}

/* Compact cards across the remainder of the homepage. */
.feedback-grid{gap:12px!important}
.feedback-card{padding:17px!important;border-radius:14px!important}
.feedback-card blockquote{font-size:13px!important;line-height:1.55!important;margin:10px 0!important}
.feedback-card strong{font-size:13px!important}.feedback-card small{font-size:11px!important}
.status-tag{font-size:8px!important;padding:4px 7px!important;margin-top:8px!important}

.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.popular-card{min-height:198px!important;padding:16px!important;border-radius:13px!important}
.popular-card .issue-icon{width:38px!important;height:38px!important;font-size:17px!important;margin-bottom:10px!important}
.popular-card h3{font-size:18px!important;line-height:1.2!important;margin:8px 0 6px!important}
body.lang-bn .popular-card h3{font-size:19px!important}
.popular-card p{font-size:12px!important;line-height:1.48!important;margin-bottom:10px!important}
.popular-card .text-button{font-size:12px!important}

/* Team: the screenshot area now fits four profiles in a normal desktop row. */
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.team-card{border-radius:14px!important}
.team-portrait{height:142px!important}
.team-portrait span{width:62px!important;height:62px!important;font-size:23px!important;border-width:1.5px!important}
.team-body{padding:15px!important}
.team-body small{font-size:10px!important;line-height:1.35!important}
.team-body h3{font-size:19px!important;line-height:1.16!important;margin-top:3px!important}
body.lang-bn .team-body h3{font-size:20px!important}
.team-body p{font-size:11.5px!important;line-height:1.48!important;margin:8px 0!important}
.expertise-tags{gap:4px!important}
.expertise-tags span{font-size:8px!important;padding:4px 6px!important}
.team-contact{margin-top:7px!important}.team-contact a{font-size:9px!important}
.team-body .text-button{font-size:12px!important;margin-top:8px!important}

.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.why-card{padding:17px!important;border-radius:13px!important}
.why-icon{width:38px!important;height:38px!important;margin-bottom:10px!important}
.why-card h3{font-size:17px!important;line-height:1.2!important;margin-bottom:6px!important}
.why-card p{font-size:11.5px!important;line-height:1.48!important}
.why-journey{margin-top:20px!important;padding:19px 21px!important}
.why-journey small{font-size:9px!important}.why-journey h3{font-size:23px!important}

.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.story-card{padding:17px!important;border-radius:13px!important}
.story-card::before{font-size:54px!important}
.story-card small{font-size:9px!important}.story-card h3{font-size:18px!important;margin:8px 0!important}
.story-card p{font-size:12px!important;line-height:1.52!important}
.story-outcome{padding-top:10px!important;margin-top:10px!important}

.knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.article-card{border-radius:13px!important}.article-top{height:6px!important}.article-body{padding:16px!important}
.article-body h3{font-size:18px!important;line-height:1.23!important;margin-bottom:7px!important}
.article-body p{font-size:12px!important;line-height:1.5!important}
.article-card .article-meta{font-size:9px!important;margin-bottom:7px!important}
.article-body .text-button{font-size:12px!important}
.blog-toolbar{margin-bottom:13px!important}.blog-toolbar select{height:40px!important}.blog-toolbar span{font-size:10px!important}

.affiliation-grid{gap:12px!important}
.affiliation-card{min-height:105px!important;padding:14px!important;border-radius:13px!important}
.affiliation-logo{width:46px!important;height:46px!important;font-size:15px!important}
.affiliation-card strong{font-size:12px!important;margin-top:7px!important}.affiliation-card small{font-size:10px!important}

/* Dense but readable utility sections and footer. */
.health-grid,.consultation-grid{gap:34px!important}
.health-card,.consultation-form{padding:19px!important;border-radius:15px!important}
.health-question{padding:11px 0!important}.health-question b{font-size:13px!important;margin-bottom:7px!important}
.health-selectors{gap:9px!important}.health-selectors select{height:42px!important}
.mini-note{margin-top:17px!important;padding:14px!important}
.join-banner{padding:25px 0!important}.join-banner h2{font-size:clamp(23px,2.3vw,33px)!important}
.consultation-copy h2{margin-bottom:12px!important}.contact-cards{margin-top:17px!important}.contact-cards a{padding:11px!important}
.consultation-form{gap:10px!important}.consultation-form input,.consultation-form select,.consultation-form textarea{padding:10px!important}
.site-footer{padding:40px 0 16px!important}.footer-grid{gap:30px!important}.footer-bottom{margin-top:22px!important;padding-top:16px!important}

@media(max-width:1180px){
  .container{width:min(1120px,calc(100% - 28px))!important}
  .service-grid,.popular-grid,.team-grid,.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:880px){
  .section{padding-block:48px!important}
  .section-heading.split{gap:12px!important}
  .service-grid,.popular-grid,.team-grid,.why-grid,.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .team-portrait{height:150px!important}
  .hero-grid{min-height:0!important;padding:35px 0!important}
}
@media(max-width:560px){
  .container{width:calc(100% - 22px)!important}
  .section{padding-block:40px!important}
  .section-heading h2,.health-copy h2,.consultation-copy h2{font-size:31px!important}
  .service-grid,.popular-grid,.team-grid,.why-grid,.knowledge-grid,.stories-grid,.category-summary{grid-template-columns:1fr!important}
  .category-card,.service-card,.popular-card{min-height:0!important}
  .team-portrait{height:135px!important}
  .section-lead-cta{padding:17px!important}
}

/* Final V27 hero density correction after desktop visual review. */
.hero-grid{min-height:360px!important;padding:28px 0 32px!important}
.hero h1{font-size:clamp(38px,4.3vw,58px)!important;line-height:1.05!important;margin-bottom:12px!important}
body.lang-bn .hero h1{font-size:clamp(37px,4.15vw,56px)!important}
.hero-lead{font-size:15px!important;line-height:1.52!important;max-width:760px!important}
.hero-actions{margin-top:18px!important}.hero-practice-pills{margin-top:15px!important}