/* Reuse Cadence's established onyx/silver editorial material. */
.region-hero { grid-template-columns: minmax(0, 1.5fr) minmax(180px, .65fr); }
.region-hero h1 { font-size: clamp(42px, 6vw, 76px); }
.region-phone { margin: 0; max-width: 245px; justify-self: center; }
.region-phone img { width: 100%; height: auto; display: block; }
.region-phone figcaption { text-align: center; }
.region-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; }
.region-directory article { border-top: 1px solid var(--line); padding-top: 12px; min-width: 0; }
.region-directory h3 a { text-decoration-thickness: 1px; }
.region-directory .actions { margin-top: 18px; }
.region-directory .button { font-size: 15px; }
.region-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 24px 0; }
.region-links a { padding-block: 6px; text-decoration: underline; }
.region-links [aria-current="page"] { color: #fff; text-decoration-thickness: 3px; }
.region-faq details, .cadence-faq details { border-top: 1px solid #454750; padding: 20px 0; }
.region-faq summary, .cadence-faq summary { cursor: pointer; font-size: 19px; font-weight: 600; line-height: 1.5; }
.region-faq summary:focus-visible, .cadence-faq summary:focus-visible { outline: 3px solid #aebdeb; outline-offset: 5px; }
.region-faq details p, .cadence-faq details p { color: #c7c9d0; font-size: 17px; line-height: 1.8; max-width: 70ch; }
.cadence-faq { padding-block: 64px; }
.cadence-faq > p { max-width: 70ch; margin-block: 22px; color: #c7c9d0; }
.cadence-faq h2 { font-size: clamp(30px, 4vw, 48px); }
.language-directory h3 { font-size: 26px; line-height: 1.5; }
.language-directory article > a { display: inline-block; padding-block: 12px; }
.locale-nav { max-width: 100%; }
.locale-nav summary { cursor: pointer; padding: 12px 4px; min-height: 44px; }
.locale-nav .region-links { display: flex; flex-wrap: wrap; max-width: 70ch; }
.locale-nav a { min-height: 44px; display: inline-flex; align-items: center; }
.locale-nav summary:focus-visible { outline: 3px solid #aebdeb; outline-offset: 3px; }
[dir="rtl"] .hero.text-only { text-align: start; }
[dir="rtl"] .content { text-align: start; }
[dir="rtl"] .brand { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .hero h1 { letter-spacing: normal; line-height: 1.35; }
html:lang(ja) .hero h1, html:lang(ko) .hero h1 { word-break: normal; line-height: 1.35; }
@media (max-width: 750px) {
  .region-hero { grid-template-columns: 1fr; gap: 26px; }
  .region-phone { max-width: 190px; }
  .region-directory { grid-template-columns: 1fr; }
  .region-hero h1 { font-size: clamp(40px, 10vw, 64px); }
}

/* Native names are readable links, available without JavaScript. */
.language-links a { min-height: 44px; display: inline-flex; align-items: center; overflow-wrap: anywhere; }
.cadence-language-picker { max-width: 100%; margin-top: 16px; border-top: 1px solid #454750; border-bottom: 1px solid #454750; }
.cadence-language-picker summary { padding-block: 12px; font-size: 16px; font-weight: 500; }
.cadence-language-picker .language-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin: 10px 0; }
.cadence-language-picker .language-guide-link { padding-block: 12px; font-size: 14px; }
@media (max-width: 640px) {
  .cadence-hero-copy .cadence-language-picker { grid-row: 6; margin-top: 0; }
  .cadence-stage-grid .cadence-hero-object { grid-row: 7; }
}