/* Shared public website chrome. Layout/content outside these components is untouched. */
.site-page { --home-ink:#093e39; --home-muted:#697581; --home-cream:#fffdf7; }
.site-page :is(.mlb-nav-wrap,.home-footer,.guide-dialog) { color:var(--home-ink); font-family:var(--mlb-font-body); line-height:1.5; }
.site-page.lang-th :is(.mlb-nav-wrap,.home-footer,.guide-dialog) { font-family:var(--mlb-font-thai); }
.site-page .home-footer { display:block; width:min(100% - 48px,1404px); margin-inline:auto; }
.site-page :is(.mlb-nav-wrap,.home-footer,.guide-dialog) :is(a,button,summary):focus-visible { outline:3px solid #b77e08; outline-offset:5px; }
.site-page :is(.mlb-nav-wrap,.home-footer,.guide-dialog) .mlb-btn { min-height:60px; gap:12px; padding:14px 22px; border-radius:10px; font-size:16px; font-weight:700; line-height:1.35; }
.site-page :is(.mlb-nav-wrap,.guide-dialog) .mlb-btn-line { color:#fff; background:linear-gradient(135deg,#178838,#168236); box-shadow:0 7px 16px #43b85b26; }
.site-page :is(.mlb-nav-wrap,.guide-dialog) .mlb-btn-line:hover { background:linear-gradient(135deg,#117c30,#0e6e29); }
.site-page :is(.mlb-nav-wrap,.guide-dialog) .mlb-line-icon { position:relative; width:30px; height:30px; color:#45bb60; font:800 9px/1 var(--mlb-font-body); }
.site-page :is(.mlb-nav-wrap,.guide-dialog) .mlb-line-icon::after { content:""; position:absolute; left:7px; bottom:-3px; width:7px; height:8px; background:#fff; clip-path:polygon(0 0,100% 0,0 100%); }
.site-page .mlb-nav-links [aria-current="page"], .site-page .home-footer-nav [aria-current="page"] { text-decoration:underline; text-underline-offset:6px; }
.site-page .site-legal-links { display:flex; flex-wrap:wrap; gap:4px 20px; margin-top:12px; font-size:12px; color:var(--home-muted); }
.site-page .site-legal-links a { padding-block:8px; }
.site-page .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-page .mlb-nav-wrap { position: relative; z-index: 20; width: min(100% - 48px, 1404px); margin: 16px auto 20px; padding: 0; background: none; }
.site-page .mlb-nav { min-height: 118px; width: 100%; grid-template-columns: 152px 1fr auto; gap: 22px; padding: 12px 28px; border: 1px solid #173c3010; border-radius: 25px; box-shadow: 0 12px 34px #283b3510; background: #fff; backdrop-filter: none; }
.site-page .home-brand { width: 104px; }
.site-page .mlb-logo { width: 104px; height: 92px; object-fit: contain; }
.site-page .mlb-nav-links { gap: clamp(24px, 3vw, 50px); font-size: 15px; font-weight: 700; color: var(--home-ink); }
.site-page .mlb-nav-links a { white-space: nowrap; }
.site-page .mlb-nav-links a:hover, .site-page .home-footer-nav a:hover { color: #248468; }
.site-page .mlb-nav-actions { gap: 22px; }
.site-page .mlb-nav-actions .mlb-btn { min-height: 58px; }
.site-page .mlb-lang { gap: 2px; font-size: 13px; font-weight: 700; color: var(--home-ink); }
.site-page .mlb-lang button { min-width: 38px; }
.site-page .mlb-lang button.active { opacity: 1; }
.site-page .mlb-mobile-menu { display: none; }
.site-page .mlb-hamburger { display: none; }
.site-page .home-footer { margin-top: 22px; padding: 20px 23px 16px; border-top: 1px solid #e7ece4; }
.site-page .home-footer-main { display: flex; align-items: center; gap: 26px; }
.site-page .home-footer-brand { display: flex; align-items: center; gap: 24px; margin-right: auto; }
.site-page .home-footer-brand img { width: 106px; height: 104px; object-fit: contain; }
.site-page .home-footer-brand strong { display: block; font-size: 18px; font-weight: 700; }
.site-page .home-footer-brand small { display: block; color: var(--home-muted); font-size: 14px; line-height: 1.5; }
.site-page .home-footer-nav { display: flex; align-items: center; gap: clamp(18px, 2.3vw, 34px); font-size: 14px; font-weight: 600; }
.site-page .home-footer-nav a { min-height: 44px; display: flex; align-items: center; white-space: nowrap; }
.site-page .home-resources { margin-top: 8px; font-size: 13px; color: #66796e; }
.site-page .home-resources summary { width: fit-content; padding: 8px 0; cursor: pointer; }
.site-page .home-resource-grid { display: grid; grid-template-columns: 1.3fr 1fr .6fr; gap: 36px; padding: 20px 0 16px; }
.site-page .home-resource-grid h3 { margin-bottom: 9px; color: var(--home-ink); font-size: 16px; }
.site-page .home-resource-grid a, .site-page .home-guide-link { display: flex; align-items: center; gap: 10px; width: fit-content; min-height: 40px; padding: 6px 0; text-align: left; font-size: 14px; }
.site-page .home-resource-grid a:hover, .site-page .home-guide-link:hover { color: #248468; text-decoration: underline; }
.site-page .guide-dialog { position: fixed; width: min(680px, calc(100% - 24px)); max-height: calc(100dvh - 32px); padding: 0; border: 0; border-radius: 22px; color: var(--home-ink); background: var(--home-cream); overflow: auto; }
.site-page .guide-dialog::backdrop { background: #09261fc2; }
.site-page .guide-dialog-shell { padding: 24px; }
.site-page .guide-dialog-close { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; border-radius: 50%; background: #fff; border: 1px solid #dfe9df; font-size: 30px; }
.site-page .guide-dialog-head { padding: 0 0 16px; }
.site-page .guide-dialog-head p { font-size: 13px; color: var(--home-muted); }
.site-page .guide-dialog-head h2 { font-size: 26px; }
.site-page .guide-dialog-image { width: 100%; height: auto; border-radius: 12px; }
.site-page .guide-dialog-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 18px; }
.site-page .guide-dialog-actions p { font-size: 16px; }
.site-page:has(.guide-dialog[open]) { overflow: hidden; }
@media (max-width: 1199px) {
  .site-page .mlb-nav { grid-template-columns: 114px 1fr auto; gap: 12px; min-height: 98px; padding-inline: 24px; }
}
@media (max-width: 1199px) {
  .site-page .home-brand { width: 86px; }
}
@media (max-width: 1199px) {
  .site-page .mlb-logo { width: 86px; height: 78px; }
}
@media (max-width: 1199px) {
  .site-page .mlb-nav-links { gap: 28px; font-size: 14px; }
}
@media (max-width: 1199px) {
  .site-page .mlb-nav-actions { gap: 12px; }
}
@media (max-width: 1199px) {
  .site-page .mlb-nav-actions .mlb-btn { min-height: 48px; padding-inline: 17px; font-size: 15px; }
}
@media (max-width: 1199px) {
  .site-page .mlb-nav-actions .mlb-lang { font-size: 12px; }
}
@media (max-width: 1199px) {
  .site-page .mlb-lang button { min-width: 32px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer { padding-inline: 16px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer-main { gap: 15px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer-brand { gap: 16px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer-brand img { width: 88px; height: 88px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer-brand strong { font-size: 17px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer-brand small { font-size: 13px; }
}
@media (max-width: 1199px) {
  .site-page .home-footer-nav { gap: 23px; font-size: 12px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav { position: relative; display: flex; min-height: 86px; padding: 8px 20px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav-links { display: none; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav > .home-brand { width: 82px; margin-right: auto; flex: 0 0 auto; }
}
@media (max-width: 1023px) {
  .site-page .mlb-logo { width: 82px; height: 68px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav-actions { position: static; transform: none; display: flex; gap: 18px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav-actions .mlb-lang { flex-direction: row; border: 0; border-radius: 0; padding: 0; background: transparent; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav-actions .mlb-lang span { font-size: 12px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav-actions .mlb-lang span::before { content: none; }
}
@media (max-width: 1023px) {
  .site-page .mlb-nav-actions .mlb-btn-line { display: inline-flex; }
}
@media (max-width: 1023px) {
  .site-page .mlb-hamburger { position: static; display: inline-flex; transform: none; margin-left: 8px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-hamburger[aria-expanded="true"] span { background: transparent; box-shadow: none; }
}
@media (max-width: 1023px) {
  .site-page .mlb-hamburger[aria-expanded="true"] span::before, .site-page .mlb-hamburger[aria-expanded="true"] span::after { content: ""; position: absolute; width: 20px; height: 2px; background: var(--home-ink); transform: rotate(45deg); }
}
@media (max-width: 1023px) {
  .site-page .mlb-hamburger[aria-expanded="true"] span::after { transform: rotate(-45deg); }
}
@media (max-width: 1023px) {
  .site-page .mlb-mobile-menu { position: absolute; inset: calc(100% + 8px) 0 auto; max-height: calc(100dvh - 130px); overflow-y: auto; padding: 15px 22px; gap: 2px; border-radius: 20px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-mobile-menu.open { display: flex; }
}
@media (max-width: 1023px) {
  .site-page .mlb-mobile-menu a { min-height: 44px; padding: 11px 8px; }
}
@media (max-width: 1023px) {
  .site-page .mlb-mobile-menu .mlb-btn-line { margin-top: 7px; min-height: 50px; }
}
@media (max-width: 1023px) {
  .site-page .home-footer-main { flex-wrap: wrap; }
}
@media (max-width: 1023px) {
  .site-page .home-footer-brand { width: calc(100% - 124px); }
}
@media (max-width: 1023px) {
  .site-page .home-footer-nav { order: 3; justify-content: center; width: 100%; gap: 30px; font-size: 14px; }
}
@media (max-width: 1023px) {
  .site-page .home-resources { margin-top: 2px; }
}
@media (max-width: 719px) {
  .site-page .mlb-nav-wrap { width: calc(100% - 24px); margin: 10px auto 12px; }
}
@media (max-width: 719px) {
  .site-page .mlb-nav { min-height: 76px; padding: 7px 14px; border-radius: 20px; gap: 7px; }
}
@media (max-width: 719px) {
  .site-page .mlb-nav > .home-brand { width: 68px; }
}
@media (max-width: 719px) {
  .site-page .mlb-logo { width: 68px; height: 60px; }
}
@media (max-width: 719px) {
  .site-page .mlb-nav-actions { gap: 8px; }
}
@media (max-width: 719px) {
  .site-page .mlb-nav-actions .mlb-btn-line { display: none; }
}
@media (max-width: 719px) {
  .site-page .mlb-lang { gap: 1px; }
}
@media (max-width: 719px) {
  .site-page .mlb-lang button { min-width: 37px; min-height: 44px; }
}
@media (max-width: 719px) {
  .site-page .mlb-hamburger { margin-left: 8px; }
}
@media (max-width: 719px) {
  .site-page .mlb-mobile-menu { max-height: calc(100dvh - 112px); }
}
@media (max-width: 719px) {
  .site-page .home-footer { margin-top: 18px; padding: 18px 7px 15px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-main { gap: 14px; justify-content: space-between; }
}
@media (max-width: 719px) {
  .site-page .home-footer-brand { width: 100%; gap: 13px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-brand img { width: 76px; height: 76px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-brand strong { font-size: 17px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-brand small { font-size: 12px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-nav { order: 0; width: 100%; gap: 10px 25px; justify-content: flex-start; flex-wrap: wrap; font-size: 14px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-nav a { min-height: 38px; }
}
@media (max-width: 719px) {
  .site-page .home-footer-main > .mlb-lang { margin-left: -7px; }
}
@media (max-width: 719px) {
  .site-page .home-resources { font-size: 12px; margin-top: 7px; }
}
@media (max-width: 719px) {
  .site-page .home-resource-grid { grid-template-columns: 1fr; gap: 20px; padding-top: 16px; }
}
@media (max-width: 719px) {
  .site-page .guide-dialog-shell { padding: 16px; }
}
@media (max-width: 719px) {
  .site-page .guide-dialog-head h2 { font-size: 22px; }
}
@media (max-width: 719px) {
  .site-page .guide-dialog-actions .mlb-btn { min-height: 52px; font-size: 16px; }
}
@media(max-width:719px) { .site-page .home-footer { width:calc(100% - 24px); } }