.topbar { position: static; width: min(calc(100% - var(--space-10)), 1240px); padding-block: var(--space-5); background: var(--surface-page); backdrop-filter: none; flex-wrap: wrap; }
.topbar .brand { font-size: var(--type-h2-size); letter-spacing: var(--tracking-heading); }
.brand-mark { color: var(--text-on-accent); background: var(--accent-primary); }
.brand-en { font-size: var(--type-caption-size); }
.topbar nav { gap: var(--space-2); flex-wrap: wrap; }
.topbar nav > a:not(.button) { display: inline-flex; align-items: center; min-height: var(--control-touch-height); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); color: var(--text-secondary); font-size: var(--type-body-size); text-decoration: none; }
.topbar nav > a:hover, .topbar nav > a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-primary); }
.topbar nav > a[aria-current="page"]::after { display: none; }
.skip-link { color: var(--text-on-accent); background: var(--accent-primary); }
.button { min-height: var(--control-touch-height); gap: var(--space-2); font-weight: var(--weight-semibold); }
.button-primary { color: var(--text-on-accent); }
.button-secondary { color: var(--accent-primary); background: var(--accent-soft); border-color: transparent; }
footer { background: var(--surface-page); }
.footer-inner { width: min(calc(100% - var(--space-10)), 1240px); }
.footer-brand-block p { color: var(--text-secondary); }
.market-page .topbar .brand { font-size: var(--type-h2-size); }
.market-page .topbar-search { background: var(--surface-primary); border: 1px solid var(--border-default); min-height: var(--control-touch-height); }
@media (max-width: 1100px) and (min-width: 769px) {
  .market-page { --market-topbar: 7rem; }
  .market-page .topbar { flex-wrap: wrap; padding-block: var(--space-2); gap: var(--space-2); }
  .market-page .topbar nav { order: 3; width: 100%; justify-content: center; }
}
@media (max-width: 768px) {
  .topbar { gap: var(--space-2); padding-block: var(--space-3); }
  .topbar nav { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-1); }
  .topbar nav > a:not(.button) { justify-content: center; padding-inline: var(--space-2); font-size: var(--type-body-sm-size); }
  .market-page { --mobile-topbar-height: 13rem; }
  html:has(body.market-page) { scroll-padding-top: 13rem; }
  .market-page .topbar { position: static; display: flex; flex-wrap: wrap; height: auto; padding: var(--space-3) var(--space-4); gap: var(--space-2); backdrop-filter: none; }
  .market-page .topbar nav { order: 3; }
  .market-page .topbar-search { flex-basis: 100%; order: 2; }
  .brand-en { display: inline; }
}
@media (max-width: 640px) {
  .topbar, .footer-inner { width: calc(100% - var(--space-8)); }
  .market-page .topbar { width: 100%; }
  .footer-inner nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
}