/* Site-wide text alignment. Existing fonts, sizes, widths and spacing are preserved. */
html[data-language] body[data-page] main p.alignment-prose{
 text-align:justify;
 text-align-last:left;
 hyphens:auto;
 word-spacing:normal;
 text-wrap:pretty;
}
html[data-language] body[data-page] main p.alignment-prose.alignment-narrow,
html[data-language] body[data-page] main p.alignment-prose.alignment-single-line,
html[data-language] body[data-page] main p.alignment-prose.alignment-short,
html[data-language] body[data-page] main .mm2h-life-card p.alignment-prose:has(>a){
 text-align:left;
 text-align-last:auto;
 hyphens:none;
}
.check-list li{text-align:left}
/* The unlinked historical style board follows the same body/UI distinction. */
.style-board p:not(.eyebrow,.lead,.small){text-align:justify;text-align-last:left;hyphens:auto}
.style-board .service-card p{text-align:left;text-align-last:auto;hyphens:none}
/* Korean words stay together; genuinely long words can still wrap in narrow UI. */
html:lang(ko){word-break:keep-all;overflow-wrap:break-word}
/* Long translated titles wrap within their existing columns. */
html[data-language]:not([data-language="en"]) .hero-line-accent{white-space:normal;max-width:100%;overflow-wrap:break-word}
@media(min-width:701px) and (max-width:850px){
 .style-board .tile-row p:not(.eyebrow,.lead,.small){text-align:left;text-align-last:auto;hyphens:none}
}
/* Preserve complete values and readable UI at narrow mobile widths. */
@media(max-width:420px){.mm2h-facts{grid-template-columns:1fr}}
@media(max-width:360px){.header-shell>.button{min-width:0;flex-shrink:1;white-space:normal;gap:8px;padding-inline:8px}}
/* Requested header and Contact typography; preserve the existing visibility rules. */
html[data-language] .site-header .header-shell .brand-descriptor{font-size:12px;max-width:143px;}
html[data-language] body[data-page=contact-us] .contact-intro h1{text-transform:uppercase;font-size:clamp(30px,3.4vw,50px);max-width:100%;text-align:left;text-wrap:wrap;}
@media(max-width:1180px){
 html[data-language] body.full-bleed-site .site-header .header-shell .brand-descriptor{font-size:10.5px;}
}
@media(max-width:700px){
 html[data-language] body.full-bleed-site .site-header .header-shell .brand-descriptor{font-size:9px;max-width:111px;}
 html[data-language] body[data-page=contact-us] .contact-intro h1{font-size:clamp(28px,7.8vw,40px);}
}
@media(max-width:360px){
 html[data-language] body.full-bleed-site .site-header .header-shell .brand-descriptor{font-size:8.25px;max-width:96px;}
}