/* TAIL WIND USA — multipage layout overrides
   Loaded after styles.css. This file deliberately contains only shared multipage UI. */

/* --------------------------------------------------------------------------
   Shared header and navigation
   -------------------------------------------------------------------------- */
.site-header .header-inner {
  gap: 28px;
}

.site-header .brand {
  width: 225px;
  flex: 0 0 auto;
}

.site-header .brand img {
  height: 96px;
}

.desktop-nav {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: clamp(14px, 1.45vw, 27px);
  min-width: 0;
  margin-left: auto;
  height: 100%;
}

.desktop-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: max-content;
  color: #aeb9c9;
  font-size: clamp(13px, 1vw, 14px);
  font-weight: 600;
  letter-spacing: -.035em;
  white-space: nowrap;
  transition: color .2s ease;
}

.desktop-nav a::after {
  position: absolute;
  right: 0;
  bottom: 31px;
  left: 0;
  height: 2px;
  background: var(--cyan);
  box-shadow: 0 0 14px rgba(9, 186, 215, .65);
  content: '';
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .2s ease, transform .2s ease;
}

.desktop-nav a:hover,
.desktop-nav a[aria-current="page"] {
  color: #ecfbff;
}

.desktop-nav a:hover::after,
.desktop-nav a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

/* The modal menu is the compact navigation below the desktop breakpoint. */
.site-header .menu-toggle {
  display: none;
  flex: 0 0 auto;
}

.menu-panel nav a[aria-current="page"] {
  color: var(--cyan);
}

.menu-panel nav a[aria-current="page"] small,
.menu-panel nav a[aria-current="page"] span {
  color: #7de8f5;
}

/* --------------------------------------------------------------------------
   Home: a concise landing screen and the route directory
   -------------------------------------------------------------------------- */
.page-home .home-hero {
  min-height: 900px;
  padding: 155px 0 58px;
}

.page-home .home-hero h1 {
  max-width: 960px;
  margin: 30px 0 34px;
  font-size: clamp(52px, 6vw, 90px);
  line-height: 1.1;
}

.page-home .hero-description {
  max-width: 980px;
  font-size: clamp(19px, 1.9vw, 27px);
}

.page-home .hero-benefits {
  margin: 29px 0;
}

.page-home .hero-actions {
  margin-top: 36px;
}

.page-home .hero-stats {
  margin-top: 56px;
}

.page-home .scroll-cue {
  margin-top: 31px;
}

.home-directory {
  position: relative;
  overflow: hidden;
  padding: 118px 0 126px;
  border-top: 1px solid rgba(94, 118, 146, .12);
  background:
    radial-gradient(circle at 100% 0%, rgba(9, 186, 215, .08), transparent 31%),
    linear-gradient(180deg, #09111d 0%, var(--background) 100%);
}

.home-directory::before {
  position: absolute;
  top: -180px;
  left: -160px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(53, 133, 211, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(53, 133, 211, .035), 0 0 0 108px rgba(53, 133, 211, .02);
  content: '';
  pointer-events: none;
}

.home-directory .container {
  position: relative;
}

.home-directory h2 {
  max-width: 700px;
}

.directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 62px;
}

.directory-card {
  position: relative;
  display: flex;
  min-height: 265px;
  flex-direction: column;
  align-items: flex-start;
  padding: 31px 32px 29px;
  overflow: hidden;
  border: 1px solid #263548;
  background: linear-gradient(145deg, rgba(22, 35, 52, .92), rgba(10, 17, 29, .94));
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.directory-card::after {
  position: absolute;
  right: -46px;
  bottom: -54px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(9, 186, 215, .28);
  border-radius: 50%;
  content: '';
  opacity: .55;
  transition: transform .3s ease, opacity .22s ease;
}

.directory-card:hover {
  border-color: rgba(9, 201, 225, .72);
  background: linear-gradient(145deg, rgba(19, 50, 69, .92), rgba(9, 20, 36, .97));
  box-shadow: 0 14px 34px rgba(2, 8, 18, .32), inset 0 1px 0 rgba(118, 238, 248, .1);
  transform: translateY(-5px);
}

.directory-card:hover::after {
  opacity: 1;
  transform: scale(1.16);
}

.directory-number {
  position: relative;
  z-index: 1;
  color: #4f9ece;
  font: 13px/1 var(--mono);
  letter-spacing: 1.5px;
}

.directory-card h3 {
  position: relative;
  z-index: 1;
  margin-top: 42px;
  color: #f0f6ff;
  font-size: 27px;
  font-weight: 750;
  letter-spacing: -.05em;
  line-height: 1.32;
}

.directory-card p {
  position: relative;
  z-index: 1;
  margin-top: 13px;
  color: #98a8ba;
  font-size: 16px;
  line-height: 1.75;
  word-break: keep-all;
}

.directory-link {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 24px;
  color: #72ddeb;
  font-size: 14px;
  font-weight: 650;
}

/* --------------------------------------------------------------------------
   Interior-page title rhythm
   -------------------------------------------------------------------------- */
.page-main:not(.page-home) > .content-section:first-of-type {
  padding-top: 190px;
  border-top: 0;
}

/* Interior H1s replace the visual role previously held by the first H2. */
.page-main:not(.page-home) > .content-section:first-of-type .section-heading > h1,
.page-main:not(.page-home) > .content-section:first-of-type > .container > h1 {
  max-width: 900px;
  margin: 31px 0 0;
  color: var(--white);
  font-size: clamp(35px, 4.1vw, 62px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.26;
  word-break: keep-all;
}

.page-main:not(.page-home) > .content-section:first-of-type .section-heading > h1 .gradient-text,
.page-main:not(.page-home) > .content-section:first-of-type > .container > h1 .gradient-text {
  display: inline;
}

/* Platform's in-page navigation stays directly beneath the fixed header. */
.page-platform {
  padding-top: 120px;
}

.page-platform > .content-section:first-of-type {
  padding-top: 91px;
}

.page-subnav {
  position: sticky;
  top: 120px;
  z-index: 11;
  display: flex;
  min-height: 61px;
  align-items: center;
  gap: 6px;
  padding: 9px max(32px, calc((100% - 1280px) / 2));
  overflow-x: auto;
  border-top: 1px solid rgba(120, 146, 180, .08);
  border-bottom: 1px solid rgba(120, 146, 180, .16);
  background: rgba(9, 14, 23, .94);
  box-shadow: 0 10px 24px rgba(3, 8, 15, .1);
  scrollbar-width: thin;
  backdrop-filter: blur(16px);
}

.page-subnav a {
  display: inline-flex;
  min-height: 39px;
  flex: 0 0 auto;
  align-items: center;
  padding: 7px 15px;
  border: 1px solid transparent;
  color: #91a0b2;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.page-subnav a:hover,
.page-subnav a[aria-current="location"],
.page-subnav a[aria-current="page"] {
  border-color: rgba(9, 186, 215, .36);
  background: rgba(9, 186, 215, .09);
  color: #d8fbff;
}

/* --------------------------------------------------------------------------
   Related-pages pagination
   -------------------------------------------------------------------------- */
.page-pagination {
  overflow: hidden;
  border-top: 1px solid #243347;
  border-bottom: 1px solid #1c2a3e;
  background:
    radial-gradient(circle at 50% 120%, rgba(13, 96, 170, .16), transparent 55%),
    #0a111d;
}

.page-pagination .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-pagination a {
  position: relative;
  display: flex;
  min-height: 142px;
  flex-direction: column;
  justify-content: center;
  padding: 30px 42px;
  color: #d9e6f6;
  transition: background .2s ease, color .2s ease;
}

.page-pagination a + a {
  border-left: 1px solid #243347;
  text-align: right;
}

.page-pagination a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  content: '';
  pointer-events: none;
  transition: border-color .2s ease;
}

.page-pagination a:hover {
  background: rgba(20, 67, 109, .18);
  color: #fff;
}

.page-pagination a:hover::after {
  border-color: rgba(9, 186, 215, .48);
}

.page-pagination small {
  margin-bottom: 8px;
  color: #6080a4;
  font: 11px/1.4 var(--mono);
  letter-spacing: 1.2px;
}

.page-pagination span {
  color: inherit;
  font-size: clamp(18px, 1.8vw, 25px);
  font-weight: 700;
  letter-spacing: -.045em;
}

.page-pagination .page-next span {
  color: #85e9f2;
}

/* --------------------------------------------------------------------------
   Footer route links
   -------------------------------------------------------------------------- */
.site-footer {
  padding: 39px 0 42px;
}

.site-footer .container {
  align-items: flex-start;
}

.footer-nav {
  display: flex;
  flex: 1 1 560px;
  flex-wrap: wrap;
  gap: 8px 22px;
  align-items: center;
}

.footer-nav a {
  color: #7f95ae;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  transition: color .2s ease;
}

.footer-nav a:hover,
.footer-nav a[aria-current="page"] {
  color: var(--cyan);
}

.site-footer .footer-nav + small,
.site-footer .footer-nav ~ small {
  flex-basis: 100%;
}

/* --------------------------------------------------------------------------
   Responsive adjustments
   -------------------------------------------------------------------------- */
@media (max-width: 1149px) {
  .desktop-nav {
    display: none;
  }

  .site-header .menu-toggle {
    display: grid;
  }

  .page-main:not(.page-home) > .content-section:first-of-type {
    padding-top: 169px;
  }

  .page-platform > .content-section:first-of-type {
    padding-top: 76px;
  }

  .directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .directory-card {
    min-height: 245px;
  }
}

@media (max-width: 1000px) {
  .home-directory {
    padding: 96px 0 102px;
  }

  .directory-grid {
    margin-top: 50px;
  }

  .page-pagination a {
    min-height: 126px;
    padding: 27px 30px;
  }

  .footer-nav {
    flex-basis: 100%;
  }
}

@media (max-width: 640px) {
  .site-header .brand {
    width: 200px;
  }

  .site-header .brand img {
    height: 78px;
  }

  .page-home .home-hero {
    min-height: auto;
    padding: 114px 0 39px;
  }

  .page-home .home-hero h1 {
    margin: 27px 0 29px;
    font-size: clamp(43px, 11.5vw, 66px);
    line-height: 1.13;
  }

  .page-home .hero-description {
    font-size: 17px;
  }

  .page-home .hero-benefits {
    margin: 25px 0;
  }

  .page-home .hero-actions {
    margin-top: 30px;
  }

  .page-home .hero-stats {
    margin-top: 42px;
  }

  .home-directory {
    padding: 70px 0 76px;
  }

  .home-directory::before {
    top: -230px;
    left: -270px;
  }

  .directory-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 38px;
  }

  .directory-card {
    min-height: 220px;
    padding: 25px 23px 23px;
  }

  .directory-card h3 {
    margin-top: 29px;
    font-size: 23px;
  }

  .directory-card p {
    font-size: 14px;
  }

  .directory-link {
    padding-top: 18px;
    font-size: 13px;
  }

  .page-main:not(.page-home) > .content-section:first-of-type {
    padding-top: 128px;
  }

  .page-main:not(.page-home) > .content-section:first-of-type .section-heading > h1,
  .page-main:not(.page-home) > .content-section:first-of-type > .container > h1 {
    margin-top: 24px;
    font-size: clamp(29px, 7.9vw, 42px);
    line-height: 1.3;
  }

  .page-platform {
    padding-top: 86px;
  }

  .page-platform > .content-section:first-of-type {
    padding-top: 57px;
  }

  .page-subnav {
    top: 86px;
    min-height: 53px;
    gap: 3px;
    padding: 7px 18px;
  }

  .page-subnav a {
    min-height: 35px;
    padding: 6px 11px;
    font-size: 12px;
  }

  .page-pagination .container {
    width: 100%;
  }

  .page-pagination a {
    min-height: 108px;
    padding: 21px 18px;
  }

  .page-pagination a:first-child {
    padding-left: 18px;
  }

  .page-pagination a:last-child {
    padding-right: 18px;
  }

  .page-pagination small {
    margin-bottom: 7px;
    font-size: 9px;
  }

  .page-pagination span {
    font-size: 16px;
    line-height: 1.35;
  }

  .site-footer {
    padding: 31px 0 120px;
  }

  .footer-nav {
    gap: 9px 17px;
  }

  .footer-nav a {
    font-size: 11px;
  }
}

/* Match the compound specificity of the shared interior-page rule. */
.page-main.page-platform > .content-section:first-of-type { padding-top: 78px; }
@media (max-width: 1149px) {
  .page-main.page-platform > .content-section:first-of-type { padding-top: 66px; }
}
@media (max-width: 640px) {
  .page-main.page-platform > .content-section:first-of-type { padding-top: 47px; }
}

@media (max-width: 640px) {
  .carta-widget { position: static; margin: 22px 18px 26px auto; width: 136px; }
  .site-footer { padding-bottom: 32px; }
}

/* Bilingual navigation: explicit language choice, no auto-redirect. */
.language-switch {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid #29425a;
  background: rgba(8, 20, 33, .55);
  flex: 0 0 auto;
  white-space: nowrap;
}
.language-switch a { color: #7993b0; font-size: 11px; font-weight: 650; letter-spacing: .1px; }
.language-switch a[aria-current="true"], .language-switch a:hover { color: #89e4f1; }
.language-divider { color: #344c63; font-size: 10px; }
.menu-language { width: fit-content; margin: 0 0 24px; }
.site-header .header-inner { gap: 20px; }
html[lang="en"] .home-hero h1 { letter-spacing: -.045em; font-weight: 800; }
html[lang="en"] h2, html[lang="en"] h3 { letter-spacing: -.025em; word-break: normal; }
html[lang="en"] .section-heading h1 { letter-spacing: -.035em; word-break: normal; }
html[lang="en"] .section-description,
html[lang="en"] .hero-description,
html[lang="en"] .feature-card > p,
html[lang="en"] .monitor-card p,
html[lang="en"] .directory-card p { word-break: normal; letter-spacing: 0; }
html[lang="en"] .card-subtitle { font-size: 18px; }
html[lang="en"] .comparison-table td,
html[lang="en"] .comparison-table th { word-break: normal; }
html[lang="en"] .carta-widget span { font-size: 12px; }
html[lang="en"] .risk-row-label { align-items: flex-start; }
html[lang="en"] .risk-row-label > :last-child { flex-shrink: 0; }
@media (max-width: 1249px) {
  .desktop-nav { display: none; }
  .site-header .menu-toggle { display: grid; }
  .site-header .header-inner > .language-switch { margin-left: auto; }
}
@media (min-width: 1250px) {
  .desktop-nav { gap: 16px; }
  .desktop-nav a { font-size: 12px; }
}
@media (max-width: 640px) {
  .site-header .header-inner { gap: 10px; }
  .site-header .brand { width: 169px; }
  .site-header .brand img { height: 70px; }
  .site-header .header-inner > .language-switch { padding: 7px 8px; gap: 5px; }
  .language-switch a { font-size: 10px; }
  .site-header .menu-toggle { padding: 12px 5px; }
  html[lang="en"] .home-hero h1 { font-size: clamp(36px, 10.6vw, 58px); line-height: 1.12; overflow-wrap: break-word; }
  html[lang="en"] .hero-description { font-size: 16px; }
  html[lang="en"] .hero-benefits li { font-size: 12px; }
  html[lang="en"] .button { font-size: 12px; gap: 8px; padding: 13px 12px; }
  html[lang="en"] .hero-actions { flex-wrap: wrap; }
  html[lang="en"] .hero-stats p { font-size: 10px; }
  html[lang="en"] .flow-card h3 { font-size: 14px; }
  html[lang="en"] .flow-card h3 small { font-size: 8px; }
  html[lang="en"] .flow-card p { font-size: 11px; }
  html[lang="en"] .card-heading h3 { font-size: 20px; }
  html[lang="en"] .card-subtitle { font-size: 13px; }
  html[lang="en"] .tier-title { gap: 8px; }
  html[lang="en"] .tier-title h3 { font-size: 16px; }
  html[lang="en"] .tier-title .tag { font-size: 8px; padding: 4px 6px; }
  html[lang="en"] .risk-panel-heading { align-items: flex-start; }
  html[lang="en"] .risk-panel-heading h3 { font-size: 15px; }
  html[lang="en"] .risk-panel-heading .tag { font-size: 8px; padding: 4px 6px; }
  html[lang="en"] .risk-row-label { font-size: 11px; gap: 12px; }
  html[lang="en"] .page-subnav a { font-size: 11px; padding-inline: 9px; }
  html[lang="en"] .comparison-table td[data-label]::before { min-width: 125px; }
  html[lang="en"] .network-card h3 { font-size: 12px; }
  html[lang="en"] .page-pagination span { font-size: 14px; }
}
@media (max-width: 374px) {
  .site-header .brand { width: 146px; }
  .site-header .header-inner { gap: 6px; }
  .site-header .header-inner > .language-switch { padding: 6px; }
  .site-header .language-switch a { font-size: 9px; }
}

/* Keep language pills distinct from the menu's large vertical page links. */
.menu-panel .menu-language { flex-direction: row; gap: 9px; }
.menu-panel .menu-language a { padding: 0; border-bottom: 0; font-size: 11px; }

/* Distinct language controls: only the alternate language is clickable. */
.language-switch { padding: 0; border: 0; background: transparent; gap: 5px; }
.language-switch .language-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 9px;
  min-height: 32px;
  border: 1px solid #293d52;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .1px;
  line-height: 1.3;
  color: #8296ad;
}
.language-switch .is-current {
  color: #d4f7fb;
  border-color: #167a91;
  background: #12323f;
  cursor: default;
}
.language-switch a.language-option:hover {
  color: #b8c8d9;
  border-color: #586d82;
  background: #14202c;
}
.language-switch a.language-option:active { transform: translateY(1px); }
.menu-panel .menu-language .language-option { padding: 7px 9px; font-size: 11px; border: 1px solid #293d52; }
.menu-panel .menu-language .is-current { border-color: #167a91; }
.site-header .header-inner > .language-switch { padding: 0; gap: 5px; }

/* English has longer words; a quieter scale matches the Korean visual density. */
html[lang="en"] .page-home .home-hero h1 {
  font-size: clamp(42px, 4.6vw, 66px);
  line-height: 1.16;
  letter-spacing: -.04em;
}
html[lang="en"] .page-main:not(.page-home) > .content-section:first-of-type .section-heading > h1,
html[lang="en"] .page-main:not(.page-home) > .content-section:first-of-type > .container > h1,
html[lang="en"] h2 {
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.3;
}
html[lang="en"] .page-home .hero-description { font-size: 20px; line-height: 1.8; }
html[lang="en"] .section-description { font-size: 21px; line-height: 1.8; }
html[lang="en"] .directory-card h3 { font-size: 24px; }
html[lang="en"] .card-heading h3 { font-size: 25px; }
html[lang="en"] .feature-card > p { font-size: 18px; }
html[lang="en"] .platform-checks { font-size: 19px; }
html[lang="en"] .bullet-list { font-size: 16px; }
html[lang="en"] .flow-card h3 { font-size: 20px; }
html[lang="en"] .flow-card p { font-size: 17px; }
html[lang="en"] .monitor-card h3, html[lang="en"] .partner-card h3 { font-size: 21px; }
html[lang="en"] .monitor-card p, html[lang="en"] .partner-card p, html[lang="en"] .notice-panel p { font-size: 17px; }
html[lang="en"] .tier-title h3 { font-size: 21px; }
html[lang="en"] .tier-card .check-list { font-size: 16px; }
html[lang="en"] .comparison-table th, html[lang="en"] .comparison-table td { font-size: 18px; }
html[lang="en"] .comparison-table thead th { font-size: 16px; }
html[lang="en"] .button { font-size: 16px; }
html[lang="en"] .carta-dialog h2 { font-size: 26px; }
@media (max-width: 640px) {
  .language-switch .language-option { font-size: 10px; min-height: 29px; padding: 6px 7px; }
  .site-header .header-inner > .language-switch { padding: 0; }
  html[lang="en"] .page-home .home-hero h1 { font-size: clamp(32px, 8.8vw, 40px); line-height: 1.18; }
  html[lang="en"] .page-main:not(.page-home) > .content-section:first-of-type .section-heading > h1,
  html[lang="en"] .page-main:not(.page-home) > .content-section:first-of-type > .container > h1,
  html[lang="en"] h2 { font-size: clamp(25px, 6.7vw, 34px); line-height: 1.3; }
  html[lang="en"] .page-home .hero-description, html[lang="en"] .section-description { font-size: 16px; }
  html[lang="en"] .directory-card h3 { font-size: 21px; }
  html[lang="en"] .card-heading h3 { font-size: 19px; }
  html[lang="en"] .feature-card > p { font-size: 15px; }
  html[lang="en"] .platform-checks { font-size: 14px; }
  html[lang="en"] .bullet-list { font-size: 13px; }
  html[lang="en"] .flow-card h3 { font-size: 14px; }
  html[lang="en"] .flow-card p { font-size: 11px; }
  html[lang="en"] .monitor-card h3, html[lang="en"] .partner-card h3 { font-size: 17px; }
  html[lang="en"] .monitor-card p, html[lang="en"] .partner-card p, html[lang="en"] .notice-panel p { font-size: 14px; }
  html[lang="en"] .tier-title h3 { font-size: 16px; }
  html[lang="en"] .tier-card .check-list { font-size: 14px; }
  html[lang="en"] .comparison-table th, html[lang="en"] .comparison-table td { font-size: 14px; }
  html[lang="en"] .comparison-table tbody th { font-size: 16px; }
  html[lang="en"] .button { font-size: 13px; }
  html[lang="en"] .carta-dialog h2 { font-size: 24px; }
}
@media (max-width: 374px) {
  .site-header .language-switch .language-option { font-size: 9px; padding: 5px 6px; }
}

/* Final language-button behavior requested by the user: two separate click targets. */
.site-header .header-inner > .language-switch,
.menu-panel .menu-language { gap: 9px; }
.language-switch .language-option { cursor: pointer; }
.language-switch .language-option.is-current,
.language-switch .language-option.is-current:hover,
.menu-panel .menu-language .language-option.is-current {
  background: #145cff;
  border-color: #4b8aff;
  color: #ffffff;
  cursor: pointer;
}
.language-switch .language-option.is-current.selection-confirmed {
  box-shadow: 0 0 0 3px rgba(56, 131, 255, .38);
}
@media (max-width: 374px) {
  .site-header .header-inner > .language-switch { gap: 7px; }
}

/* Native language buttons with visibly separate, non-overlapping boundaries. */
.site-header .header-inner > .language-switch,
.menu-panel .menu-language { gap: 12px; }
.language-switch button.language-option {
  min-width: 66px;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #607086;
  background: #111b2a;
  color: #b4c1d1;
}
.language-switch button.language-option:not(.is-current):hover {
  background: #1b293b;
  border-color: #91a3bc;
  color: #e1e8f2;
}
.language-switch button.language-option.is-current,
.language-switch button.language-option.is-current:hover {
  color: #fff;
  background: #145cff;
  border-color: #5493ff;
}
.language-switch button.language-option:active { transform: translateY(1px); }
@media (max-width: 640px) {
  .site-header .header-inner > .language-switch { gap: 9px; }
  .language-switch button.language-option { min-width: 54px; min-height: 30px; padding: 6px 7px; font-size: 10px; }
  .site-header .brand { width: 158px; }
}
@media (max-width: 374px) {
  .site-header .header-inner > .language-switch { gap: 7px; }
  .site-header .brand { width: 140px; }
  .language-switch button.language-option { min-width: 50px; padding: 5px 6px; font-size: 9px; }
}

/* Transaction amount: keep USD 4.2 B in DOM order on a single baseline. */
.network-card .network-transaction-amount {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: .45rem;
  white-space: nowrap;
}

.network-card .network-transaction-amount strong {
  display: inline-flex;
  align-items: baseline;
  gap: .12em;
}

.network-card .network-transaction-amount small {
  margin: 0;
}