/* Layout customizations belong here; the remaining sections use the source styles. */

/* Preserve the chosen brand spelling and the original WriteOut animation. */
[data-block="page-header"][id="6a0ed243b8974a2f7c66acbe"] h1 {
  text-transform: none !important;
}
[data-block="page-header"][id="6a0ed243b8974a2f7c66acbe"] h1 > span:last-child {
  text-transform: none !important;
}
a[aria-label="Columbus 哥伦布 · 返回首页"] .uppercase {
  text-transform: none !important;
}
a[aria-label="Columbus 哥伦布 · 返回首页"] {
  min-width: max-content;
  white-space: nowrap;
}

/* Captured utility CSS adds four ID selectors; override only this header's spacing. */
[data-block="page-header"][id="6a0ed243b8974a2f7c66acbe"] {
  padding-top: 5rem !important;
  padding-bottom: 2rem !important;
}

@media (min-width: 768px) {
  [data-block="page-header"][id="6a0ed243b8974a2f7c66acbe"] {
    padding-top: 6rem !important;
    padding-bottom: 3rem !important;
  }
}

/* Keep WriteOut's character nodes and timing, but allow Chinese captions to wrap. */
nav[aria-label="Site Header"] .uppercase {
  text-transform: none !important;
}

.home-business-menu {
  position: relative;
  display: block;
  width: 100%;
  max-width: 160px;
  pointer-events: auto;
  color: #111;
}

/* The source header uses difference blending; the dropdown needs true white. */
section:has(.home-business-menu) {
  mix-blend-mode: normal !important;
  background: #fff;
}
section:has(.home-business-menu) .text-neutral-950 { color: #111 !important; }
section:has(.home-business-menu) .grid > div:has(> ul[aria-hidden="true"]) { display: none !important; }
div:has(> .home-business-menu) { grid-column: 7 / -1 !important; }

.home-business-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin-top: -14px !important;
  border: 0 !important;
  padding: 12px 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  cursor: pointer;
}

.home-business-toggle > span:first-child { white-space: nowrap; }
.home-business-toggle > span:last-child { font-size: 16px; }
.home-business-toggle:focus-visible,
.home-business-link:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }

.home-business-links {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: 184px;
  max-width: calc(100vw - 28px);
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid #e3e3e3 !important;
  background: #fff;
  list-style: none;
  animation: home-business-open 160ms ease-out;
}

.home-business-links[hidden] { display: none !important; }
.home-business-item + .home-business-item { border-top: 1px solid #ededed !important; }
.home-business-link {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  color: inherit;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}
.home-business-link:hover { color: #777; }

@keyframes home-business-open {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (min-width: 768px) {
  .home-business-links { right: auto; left: 0; }
}
@media (min-width: 1280px) {
  div:has(> .home-business-menu) { grid-column: 3 / -1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .home-business-links { animation: none; }
}
@media (max-width: 359px) {
  .home-business-toggle { gap: 8px; }
}

[data-business] h3 .whitespace-nowrap {
  white-space: normal !important;
}

[data-business] h3 {
  text-transform: none !important;
  font-size: max(12px, .85rem) !important;
  line-height: 1.4 !important;
}

[data-business] p {
  font-size: max(13.25px, .95rem) !important;
  line-height: 1.5 !important;
}

/* Keep Korean words together in the narrow mobile business caption. */
[data-business="commercial-ko"] {
  word-break: keep-all;
  overflow-wrap: anywhere;
}