@import url("/assets/css/redesign.tokens.css?v=20260728-pretendard-fix");
@import url("/assets/css/redesign.phase2.css?v=20260928-footer-mobile-flow-v1");
@import url("/assets/css/redesign.phase3.css?v=20260728-phase3-qa");
@import url("/assets/css/redesign.phase4.css?v=20260921-about-group-updates-v2");
@import url("/assets/css/redesign.space.css?v=20260919-space-desktop-90-mobile-100");
@import url("/assets/css/redesign.scenes.css?v=20260916-mobile-continuous");
@import url("/assets/css/redesign.lab.css?v=20260911-blog-bottom-spacing");
@import url("/assets/css/redesign.gnb-states.css?v=20260730-gnb-responsive-columns-v1");
@import url("/assets/css/redesign.mobile-menu-spacing.css?v=20260727");
@import url("/assets/css/redesign.mobile-menu-layout-fix.css?v=20260727");
@import url("/assets/css/redesign.mobile-menu-responsive.css?v=20260727");

/*
 * Override the legacy Bootstrap `a:focus` ring.
 * Pointer clicks should not leave a thick outline around an entire link card,
 * while keyboard navigation retains a consistent accessible focus indicator.
 */
a:focus:not(:focus-visible) {
  outline: 0;
}

a:focus-visible {
  outline: 2px solid #141414;
  outline-offset: 3px;
}

/* All main-menu banners use the same full-width gutters as About. */
.renewal-shell > .renewal-menu-hero,
.renewal-shell:has(.renewal-visit-tour) > .renewal-menu-hero {
  width: calc(100% - 48px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .renewal-shell > .renewal-menu-hero,
  .renewal-shell:has(.renewal-visit-tour) > .renewal-menu-hero {
    width: calc(100% - 32px);
  }
}

/* Notice list spacing and space badges. Tabs use the shared news filter styles. */
.renewal-notice-filter + .renewal-notice-list,
.renewal-notice-filter + .renewal-notice-list__empty { margin-top: 0; }
.renewal-notice-list .renewal-news-category--default { color: #141414; background: #fff; border: 1px solid #141414; }
.renewal-notice-list .renewal-news-category--moyalab { color: #fff; background: #003390; border: 1px solid #003390; }
.renewal-notice-list .renewal-news-category--storylab { color: #141414; background: #ffe9a6; border: 1px solid #ffe9a6; }

/* Foundation wordmark supplied for the About page. */
.renewal-about__foundation-title { height: auto; }
.renewal-about__foundation-title .renewal-about__foundation-logo { width: 360px; max-width: 100%; }
.renewal-about__foundation-title .renewal-about__foundation-logo img { width: 100%; height: auto; flex: none; }
@media (max-width: 900px) {
  .renewal-about__foundation-title .renewal-about__foundation-logo { width: 240px; }
}
