/* caretrade-international | Signature compact typography 2026-10-10.
   Loaded AFTER CTI's individual design modules. Limits only display headings;
   small labels, form legends, data tables and controls retain their own scale. */

/* The former wordmark was an obsolete raster image. Crisp text stays selectable,
   accessible and doesn't become blurry at non-integer device scale factors. */
body.cti-admin .a-brand .a-brand-wordmark {
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  width:min(265px,24vw);min-width:0;max-width:265px;height:auto;
  padding-left:10px;color:#e7c889;line-height:1.23;
  border-left:1px solid #8f815c;
}
body.cti-admin .a-brand .a-brand-wordmark strong {
  display:block;font:700 clamp(10px,1.05vw,14px)/1.27 Arial,Helvetica,sans-serif;
  letter-spacing:.005em;overflow-wrap:anywhere;text-transform:none;
}
body.cti-admin .a-brand .a-brand-wordmark small {
  display:block;margin-top:4px;color:#bbc8c7;
  font:500 clamp(6px,.63vw,8px)/1.4 Arial,Helvetica,sans-serif;
  letter-spacing:.09em;white-space:normal;overflow-wrap:anywhere;
}
/* Consistent wordmark on the normal public header, including Spanish labels. */
body.cti-signature.cti-elegance .el-brand>span {
  white-space:normal;min-width:0;max-width:min(250px,23vw);
  overflow-wrap:anywhere;line-height:1.25;
}
body.cti-signature.cti-elegance .el-brand>span small {
  margin-top:3px;line-height:1.35;letter-spacing:.08em;
}
body.cti-signature .sg-footer-brand .el-brand>span {max-width:280px}
body.cti-refined .p-brand>span,
body.cti-refined .footer-brand>span {overflow-wrap:anywhere}

/* Display typography: restrained, balanced, hierarchy-preserving. */
body.cti-signature main h1,
body.cti-signature .sg-gateway h1,
body.cti-signature .el-main h1 {
  font-size:clamp(29px,2.85vw,39px) !important;
  line-height:1.17;letter-spacing:-.027em;text-wrap:balance;
  overflow-wrap:break-word;
}
/* Cinematic hero titles remain the largest titles, but not 70–80 px. */
body.cti-signature :is(.sg-hero,.el-hero-copy,.pp-hero,.en-gateway-heading,.wa-detail-hero,.hl-hero,.sc-hero) h1 {
  font-size:clamp(31px,3.6vw,49px) !important;
  line-height:1.13;letter-spacing:-.035em;
}
body.cti-page.cti-refined .cr-hero h1,
body.cti-signature .rf-team-heading h1 {
  font-size:clamp(29px,2.8vw,39px) !important;
  line-height:1.18;
}
/* Real section titles; do not turn 11 px miniature feature titles into 30 px headings. */
body.cti-signature :is(
 .sg-section-heading h2,.el-section-title h2,.el-mission-copy h2,
 .el-section-heading h2,.el-solution-intro h2,.sg-why-layout h2,
 .rf-heading h2,.rf-onsite h2,.rf-intro-aside h2,.rf-company-intro h2,
 .pp-section-heading h2,.pp-form-aside h2,.pp-closing h2,.pp-success h2,
 .pp-network-cta-copy h2,.en-section-heading h2,.wa-section-heading h2,
 .sc-section-heading h2,.cv-section-heading h2,.mp-section-heading h2,
 .sourcing-section-heading h2,.hl-section-heading h2
) {
  font-size:clamp(22px,2.5vw,34px) !important;
  line-height:1.23;letter-spacing:-.025em;text-wrap:balance;
}
/* Compensate for the shorter home title while retaining meaningful image space. */
body.cti-signature .sg-hero {min-height:610px}
@media (max-width:800px) {
  body.cti-signature .sg-hero {min-height:600px}
  body.cti-signature .sg-hero-inner {padding-bottom:205px}
}
@media (max-width:540px) {
  body.cti-signature .sg-hero {min-height:570px}
  body.cti-signature .sg-hero-inner {padding-bottom:185px}
}

/* Important CTI partner programme, including its independently-sized cards. */
body.cti-signature .cti-partners :is(.pp-sector-copy,.pp-benefit,.pp-other-sector,.pp-fairness-grid article,.pp-commission-principles) h3 {
  font-size:clamp(18px,1.75vw,23px) !important;
  line-height:1.3;letter-spacing:-.02em;
}
body.cti-signature .cti-partners .pp-form-section-heading h3 {font-size:clamp(21px,1.9vw,25px) !important}
body.cti-signature :is(.sg-area-copy,.el-solution-card,.rf-person,.cr-service-body) h3,
body.cti-signature .rf-person h2 {
  font-size:clamp(19px,1.9vw,25px) !important;
  line-height:1.3;
}
body.cti-signature .cti-partners .pp-hero .pp-hero-lead {font-size:clamp(15px,1.35vw,17px)}
/* Smaller type shouldn't mean huge empty visual blocks. */
body.cti-signature .cti-partners .pp-hero,
body.cti-signature .cti-partners .pp-hero-inner {
  min-height:clamp(610px,56vw,720px);
}
body.cti-signature .cti-partners .pp-breadcrumb {margin-bottom:clamp(23px,3vw,39px)}
body.cti-signature .cti-partners .pp-section-heading {margin-bottom:28px}
body.cti-signature .cti-partners .pp-section {scroll-margin-top:105px}

/* Back-office titles: compact, without shrinking form fields, navigation or tables. */
body.p-body :is(.p-page-heading,.p-page-head,.p-header,.p-section-title) h1,
body.cti-admin :is(.page-heading,.a-page-heading) h1 {
  font-size:clamp(23px,2.3vw,30px) !important;line-height:1.22;
}
body.p-body :is(.p-page-heading,.p-page-head,.p-section-title) h2 {
  font-size:clamp(20px,2vw,26px) !important;line-height:1.25;
}

@media (max-width:800px) {
  body.cti-signature.cti-elegance .el-brand>span {max-width:min(213px,36vw);font-size:10px}
  body.cti-signature.cti-elegance .el-brand>span small {font-size:6px}
  body.cti-admin .a-brand .a-brand-wordmark {width:min(210px,39vw)}
  body.cti-signature .cti-partners .pp-hero,
  body.cti-signature .cti-partners .pp-hero-inner {min-height:0}
  body.cti-signature :is(.sg-hero,.el-hero-copy,.pp-hero,.en-gateway-heading,.wa-detail-hero,.hl-hero) h1 {
    font-size:clamp(29px,5.8vw,40px) !important;
  }
}
@media (max-width:540px) {
  body.cti-admin .a-brand .a-brand-wordmark {width:min(168px,40vw);padding-left:7px}
  body.cti-admin .a-brand .a-brand-wordmark strong {font-size:10px;letter-spacing:-.03em}
  body.cti-admin .a-brand .a-brand-wordmark small {font-size:6px;letter-spacing:.015em}
  body.cti-signature.cti-elegance .el-brand>span {max-width:min(164px,37vw);font-size:9px;letter-spacing:-.005em}
  body.cti-signature.cti-elegance .el-brand>span small {font-size:5.5px;letter-spacing:0}
  body.cti-signature main h1 {font-size:clamp(27px,7.65vw,32px) !important}
  body.cti-signature :is(.sg-hero,.el-hero-copy,.pp-hero,.en-gateway-heading,.wa-detail-hero,.hl-hero) h1 {
    font-size:clamp(30px,8.15vw,35px) !important;line-height:1.16;
  }
  body.cti-signature :is(.sg-section-heading h2,.el-section-title h2,.pp-section-heading h2,.pp-form-aside h2,.rf-heading h2) {
    font-size:clamp(22px,6.2vw,27px) !important;
  }
  body.cti-signature .cti-partners .pp-hero-inner {padding-bottom:45px}
  body.cti-signature .cti-partners .pp-hero .pp-hero-lead {margin-top:17px}
  body.cti-signature .cti-partners .pp-benefit {padding:21px}
  body.cti-signature .cti-partners .pp-card-top {margin-bottom:12px}
}
@media (prefers-reduced-motion:reduce) {
  body.cti-signature .cti-partners .pp-button,
  body.cti-signature .cti-partners .pp-benefit {transition:none}
}