@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
.smp *, .smp *::before, .smp *::after { box-sizing: border-box; }
html:has(body.smp) { scroll-behavior: smooth; scroll-padding-top: 120px; }
body.smp { margin: 0; padding-top: 48px; }
:where(.smp) img { max-width: 100%; height: auto; display: block; }
body.smp.is-cap { padding-top: 0; }
.is-cap .smp-bar { display: none; }
.smp-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 48px; padding: 0 16px; background: #1e211d; color: #ffffff; font-family: 'Zen Kaku Gothic New', sans-serif; font-size: .8125rem; line-height: 1.4; }
.smp-bar-t { display: flex; align-items: center; gap: 8px; margin: 0; min-width: 0; }
.smp-brand img { width: auto; height: 18px; }
.smp-bar-t span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smp-bar-act { display: flex; gap: 8px; flex-shrink: 0; }
.smp-bar-act a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 4px; color: #ffffff; font-weight: 700; text-decoration: none; white-space: nowrap; }
.smp-back { border: 1px solid rgba(255, 255, 255, .5); }
.smp-cta { background: #1d5fd1; }
@media (max-width: 600px) {
.smp-bar { padding: 0 10px; font-size: .75rem; }
.smp-bar-t span { display: none; }
.smp-bar-act a { padding: 0 10px; font-size: .75rem; }
}
body.smp span.u-nobr { white-space: nowrap; font: inherit !important; color: inherit !important; letter-spacing: inherit !important; display: inline !important; margin: 0 !important; padding: 0 !important; background: none !important; }