/* Keep intended alignment; balance headings and avoid lonely words in prose. */
body.coast-has-site-navigation :is(h1,h2,h3){text-wrap:balance;word-break:normal;overflow-wrap:break-word;hyphens:manual}
body.coast-has-site-navigation :is(p,dd,.coast-journal-prose li,.woocommerce-tabs li){text-wrap:pretty;word-break:normal;overflow-wrap:break-word;hyphens:manual}
body .coast-section-hero h1{max-width:min(100%,22ch);margin-inline:0;line-height:1.15!important}
body .coast-section-hero--product h1{max-width:min(100%,28ch)}
body .coast-section-hero__description{max-width:min(100%,55ch);margin-inline:0;text-wrap:pretty}
body .coast-home-hero h1{max-width:min(100%,23ch);margin-inline:auto;line-height:1.15!important}
body .coast-home-hero__subtitle{max-width:min(100%,38ch);margin-inline:auto;text-wrap:balance}
body :is(.coast-journal-prose,.coast-legal,.woocommerce-tabs .panel) :is(p,ul,ol){max-width:68ch;line-height:1.85;text-align:start}
body :is(.coast-card__body,.coast-journal-card__body){text-align:start}
body .coast-card__title{line-height:1.3;text-wrap:balance}
body.coast-design-refined #tc-unlock-journey :is(.tc-u-head h2,.tc-u-cta-title){max-width:23ch;text-wrap:balance}
body.coast-design-refined #tc-unlock-journey :is(.tc-u-head p,.tc-u-intro,.tc-unlock-right-content p){text-wrap:pretty;text-align:start}
body .coast-journal-prose :is(h2,h3){max-width:28ch;line-height:1.3}
@media(max-width:767px){
 body .coast-home-hero h1{max-width:17ch}
 body .coast-home-hero__subtitle{max-width:28ch}
 body .coast-section-hero h1{max-width:20ch}
 body .coast-section-hero__description{max-width:38ch}
 body :is(.coast-journal-prose,.coast-legal,.woocommerce-tabs .panel) :is(p,ul,ol){max-width:100%}
}
/* Same supplied key and component rhythm across native, Elementor and legacy CTAs. */
html body.coast-has-site-navigation .coast-unlock-cta[data-coast-unlock],
#coast-site-navigation .coast-unlock-cta[data-coast-unlock]{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;
 max-width:100%;min-height:56px;padding:14px 22px;border:1px solid #001626!important;border-radius:18px!important;
 background:#001626!important;background-image:none!important;color:#fff!important;
 font:600 13px/1.5 Montserrat,system-ui,sans-serif!important;letter-spacing:.025em!important;text-transform:none!important;text-align:center;text-decoration:none!important;
 transition:background-color 220ms ease,color 220ms ease,transform 220ms ease;box-shadow:none;
}
html body.coast-has-site-navigation .coast-unlock-cta[data-coast-unlock]:hover,
#coast-site-navigation .coast-unlock-cta[data-coast-unlock]:hover{background:#15394b!important;border-color:#15394b!important;color:#fff!important;transform:translateY(-2px)}
html body.coast-has-site-navigation .coast-unlock-cta[data-coast-unlock]:focus-visible{outline:3px solid #cd9767;outline-offset:4px}
body .coast-unlock-cta[data-coast-unlock] .coast-unlock-label{min-width:0;text-wrap:balance}
body .coast-unlock-cta[data-coast-unlock] .coast-brand-key{flex:0 0 12px;width:12px;height:26px;margin:0;color:inherit}
body .coast-brand-key--mask{display:inline-block;background:currentColor;-webkit-mask:url('../img/brand-key.svg') center/contain no-repeat;mask:url('../img/brand-key.svg') center/contain no-repeat}
#coast-site-navigation .coast-unlock-cta[data-coast-unlock]{border-color:rgba(255,255,255,.6)!important}
@media(prefers-reduced-motion:reduce){html body.coast-has-site-navigation .coast-unlock-cta[data-coast-unlock]:hover,#coast-site-navigation .coast-unlock-cta[data-coast-unlock]:hover{transition:none!important;transform:none!important}}

/* Shared headers use one reading edge for label, title, lead and action. */
body .coast-section-hero .coast-section-hero__content{min-width:0;text-align:start!important;align-items:flex-start}
body .coast-section-hero :is(h1,.coast-section-hero__eyebrow,.coast-section-hero__description){text-align:start!important;margin-inline:0}
body.coast-design-refined #tc-about :is(.tc-ab-head,.tc-ab-story__head,.tc-ab-fr__bio){text-align:start}
html body.coast-has-site-navigation :is(.coast-section-hero,.coast-home-hero,.hero-section) .coast-unlock-cta[data-coast-unlock]{border-color:rgba(255,255,255,.6)!important}
@media(max-width:479px){body .coast-section-hero--about h1{font-size:clamp(26px,7.7vw,34px)!important;max-width:100%}}
