/* Shared additions for statically rendered landing and massage pages. */
.locale-menu { position: relative; margin: 16px 0 12px 12px; font-size: 14px; }
.locale-menu summary { cursor: pointer; padding: 5px 8px; border: 1px solid #bcbab4; border-radius: 6px; }
.locale-menu__links { position: absolute; right: 0; top: 100%; display: grid; grid-template-columns: repeat(2, minmax(120px, 1fr)); width: 300px; max-height: 65vh; overflow-y: auto; background: #fcfbf9; padding: 12px; border: 1px solid #c9c8c0; border-radius: 8px; box-shadow: 0 6px 20px #0002; z-index: 1001; }
.locale-menu__links a, .locale-links a { padding: 7px 9px; color: #3f5e43; }
.locale-menu__links a { display: block; }
.locale-menu a[aria-current], .locale-links a[aria-current] { font-weight: 700; text-decoration: underline; }
.locale-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; margin-top: 16px; }
body.landing-page .footer-lang-item { display: block; }
.massage-copy { max-width: 860px; }
.massage-copy p, .massage-copy dd { font-size: 18px; line-height: 1.75; }
.massage-copy dt { margin-top: 24px; font-size: 21px; }
.massage-copy h2 { margin-top: 28px; }
body.landing-page .demo-card__title a { color: inherit; }
body.landing-page .btn { white-space: normal; overflow-wrap: anywhere; }
body.landing-page h1, body.landing-page h2, body.landing-page h3 { overflow-wrap: anywhere; }
:lang(th) h1, :lang(th) h2, :lang(th) h3 { line-height: 1.5; }
.locale-menu summary:focus-visible, .locale-menu a:focus-visible, .locale-links a:focus-visible { outline: 3px solid #3f5e43; outline-offset: 2px; }
@media (max-width: 1199px) and (min-width: 768px) {
  body.landing-page .navbar-default .nav > li > a { padding-left: 7px; padding-right: 7px; font-size: 12px; }
  .locale-menu { font-size: 12px; margin-left: 4px; }
}
@media (max-width: 767px) {
  .locale-menu { margin: 12px 15px; }
  .locale-menu__links { position: static; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .massage-copy p, .massage-copy dd { font-size: 16px; }
}
html[data-localized-page="massage"] .landing-hero { min-height: 0; padding-bottom: 80px; }
.massage-copy .btn-outline { color: #fff; background: #526e57; border-color: #526e57; }
.massage-copy .btn-outline:hover, .massage-copy .btn-outline:focus { background: #3e5743; border-color: #3e5743; }
footer .locale-links a { color: #c6d6c8; }