/* Public typography: one hierarchy across all CMS page families. */
.dinaPublic{--type-h1:clamp(34px,3.5vw,48px);--type-h2:clamp(28px,2.6vw,36px);font-family:"Segoe UI",Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:17px;line-height:1.65}
.dinaPublic main{font-family:inherit;font-size:17px;line-height:1.65}
.dinaPublic main h1{font-size:var(--type-h1)!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:600;text-transform:none;text-wrap:balance;overflow-wrap:break-word}
.dinaPublic main h2{font-size:var(--type-h2)!important;line-height:1.28!important;letter-spacing:-.018em!important;font-weight:600;text-transform:none;text-wrap:balance;overflow-wrap:break-word}
.dinaPublic main h2+p{margin-top:16px!important}
.dinaPublic main h3{font-size:24px!important;line-height:1.35!important;letter-spacing:-.01em;font-weight:600;text-wrap:balance}
.dinaPublic .growthDirectory>section h3{font-size:15px!important;letter-spacing:.08em}
.dinaPublic main :is(.dgServiceCard,.dgExploreGrid,.dgTimeline,.miningRouteCard,.dgTrustGrid,.borderFacts) h3{font-size:24px!important;line-height:1.35!important}
.dinaPublic main p:not(.dgEyebrow):not(.eyebrow):not(.pKicker):not(.v2Label):not(.dinaContactEyebrow):not(.dinaPersonName){font-size:17px!important;line-height:1.7!important}
.dinaPublic main :is(.dgLead,.seoHero>div>p:not(.dgEyebrow),.landingHeroCopy>p:not(.eyebrow),.crossBorderHero>div>p:not(.dgEyebrow)){font-size:18px!important;line-height:1.7!important}
.dinaPublic main :is(.dgEyebrow,.eyebrow,.pKicker,.v2Label){font-size:13px!important;line-height:1.5;letter-spacing:.12em;font-weight:600}
.dinaPublic :is(.dgHeroCopy,.landingHeroCopy,.seoHero>div,.crossBorderHero>div){min-width:0}
.dinaPublic .dgHero{min-height:560px;padding-block:64px;gap:40px}
.dinaPublic .dgHero h1{max-width:20ch;margin-bottom:24px}
.dinaPublic .dgHeroCopy>.dgLead{max-width:62ch}
.dinaPublic .dgHero h1 span{display:block}
.dinaPublic :is(.dgHeader,.companyHeader){height:auto;min-height:88px;padding-block:16px;gap:20px}
.dinaPublic .dgHeader nav{font-size:16px;gap:24px}
.dinaPublic .dgHeader nav a{padding:16px 0;line-height:1.4}
.dinaPublic :is(.dgTools,.companyTools){gap:20px;min-width:0}
.dinaPublic :is(.dgHeaderCta,.companyTools>a,.landingTools>a:last-child){box-sizing:border-box;min-width:0;min-height:48px;height:auto;padding:13px 22px;border-radius:8px;font-size:15px!important;line-height:1.4;font-weight:600;text-align:center;white-space:normal;max-width:260px;background:#af471b;color:#fff}
.dinaPublic .landingTools>a:last-child{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.dinaPublic :is(.dgButton,.dgOutline,.primaryBtn,.outlineBtn,.pButton,.v2Primary,.v2Secondary,.dinaSubmit,.seoCta>a,.landingCta>a,.borderHubFooter nav a){box-sizing:border-box;min-width:0;max-width:100%;min-height:50px;height:auto;padding:14px 22px;gap:20px;font-family:inherit;font-size:16px!important;line-height:1.45;font-weight:600;letter-spacing:normal;border-radius:8px;white-space:normal;text-align:left;overflow-wrap:break-word}
.dinaPublic :is(.dgButton,.primaryBtn,.v2Primary,.dinaSubmit,.seoCta>a){background:#af471b;color:#fff}
.dinaPublic :is(.dgHeaderCta,.dgButton,.primaryBtn,.dinaSubmit,.seoCta>a):hover{background:#923913}
.dinaPublic :is(.dgOutline,.outlineBtn){border-color:#8ba0ad}
.dinaPublic :is(.dgTimeline dd,.dgRouteFeature li small,.cargoExplorer small,.dgPartnerList p,.borderWorkflow ol p,.borderWorkflow ul li){font-size:16px!important;line-height:1.6!important}
.dinaPublic :is(.dgTimeline dt,.dgTimeline>a>b,.dgTrustGrid a,.dgDirector footer a,.dgFaqList details a,.dgFaqIntro>a,.miningBranches span,.miningCargo span,.dgServiceCard footer small,.dgCardTag,.dgRouteTag,.cargoExplorer>:is(a,button)>i,.growthDirectory>section a>small){font-size:14px!important;line-height:1.5;letter-spacing:normal}
.dinaPublic :is(.dgFooter,.landingFooter,.companyFooter) :is(p,a,small){font-size:14px!important;line-height:1.65!important}
.dinaPublic :is(.dgQuick small,.miningRouteCard small,.dgQuoteCallout small,.dgQuoteCallout em,.dgDirector figcaption,.dgDirector figcaption span,.dgRouteFeature>figure figcaption,.dgFooter>span){font-size:14px!important;line-height:1.6!important;letter-spacing:normal}
.dinaPublic :is(.dgFaqList summary span,.borderFaq summary span,.seoFaq summary){font-size:18px;line-height:1.5}
.dinaPublic .dinaFormSection{font-family:inherit}
.dinaPublic .dinaLeadForm :is(input,textarea,select){font-family:inherit}
.dinaPublic .dinaContactV2 :is(.dinaPersonRole,.dinaContactEyebrow,.dinaContactActions a>span){font-size:14px!important;line-height:1.5;letter-spacing:normal}
.dinaPublic .dinaContactV2 .dinaPersonName{font-size:22px!important;line-height:1.4!important}
.dinaPublic .dgContactTop aside .dinaContactV2 .dinaLocation a{font-size:15px!important;line-height:1.5}
.dinaPublic .dinaContactV2 h3{font-size:24px!important;line-height:1.35!important}
.dinaPublic .dinaContactV2 .dinaLocationNote{font-size:14px!important;line-height:1.65!important}
.dinaPublic .dgMobileBar{grid-template-columns:1fr 1.3fr}
.dinaPublic .dgMobileBar a{font-size:14px!important;font-weight:600;line-height:1.4;padding:12px 10px;min-height:58px;text-align:center}
.dinaPublic .dgMobileBar a:last-child{background:#af471b}
.dinaPublic [lang=zh-CN]{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
.dinaPublic [lang=zh-CN] :is(h1,h2,h3){letter-spacing:0!important;line-height:1.4!important}
@media(max-width:1199px){.dinaPublic .dgHero{min-height:auto;padding-block:52px}.dinaPublic .dgHeroCopy{max-width:760px}}
@media(max-width:767px){
 .dinaPublic{--type-h1:clamp(30px,7.8vw,36px);--type-h2:clamp(26px,6.8vw,30px)}
 .dinaPublic :is(.dgHeader,.companyHeader){min-height:76px;padding-block:14px;gap:12px}
 .dinaPublic .dgHero{padding:36px 20px 44px;gap:30px}
 .dinaPublic .dgHero h1{margin-bottom:20px}
 .dinaPublic main :is(.dgLead,.seoHero>div>p:not(.dgEyebrow),.landingHeroCopy>p:not(.eyebrow),.crossBorderHero>div>p:not(.dgEyebrow)){font-size:17px!important}
 .dinaPublic main h3,.dinaPublic main :is(.dgServiceCard,.dgExploreGrid,.dgTimeline,.miningRouteCard,.dgTrustGrid,.borderFacts) h3{font-size:22px!important}
 .dinaPublic :is(.dgButton,.dgOutline,.primaryBtn,.outlineBtn){padding:14px 18px}
 .dinaPublic .dgLang a{font-size:14px;padding:5px 2px}
 .dinaPublic :is(.dgTools,.companyTools){gap:10px}
 .dinaPublic .dgContactTop aside .dinaContactV2 .dinaContactActions>a{padding:15px 18px}
 .dinaPublic .dinaPerson{gap:12px}
 .dinaPublic .dinaContactV2 .dinaPersonName{font-size:20px!important}
 .dinaPublic .dinaContactV2 .dinaContactEyebrow{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.dinaPublic{scroll-behavior:auto}}
