/*
Theme Name: WONE Universe
Theme URI: https://woneglobal.org/
Author: WONE
Description: Full WONE Universe WordPress theme — rich public website, dynamic market/capability/industry/corridor universe, WONE Intelligence, Client Work, Global Business Circuit and Partner experience.
Version: 13.6.6
Text Domain: wone-universe
*/

/* Executive Institutional Footer Styling: Trust & Legal */
.w135-footer .w135-footer-trust {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1px !important;
  background: rgba(23, 33, 38, 0.08) !important;
  margin-top: 28px !important;
  border: 1px solid rgba(23, 33, 38, 0.08) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.w135-footer .w135-footer-trust > div {
  padding: 16px 20px !important;
  background: #ffffff !important;
}
.w135-footer .w135-footer-trust b {
  display: block !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #a94b38 !important;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
}
.w135-footer .w135-footer-trust p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  color: #64748b !important;
  margin: 0 !important;
}
.w135-footer .wone-footer-legal,
.w135-footer .wgc2-legal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px 14px !important;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(23, 33, 38, 0.08) !important;
  border-bottom: 0 !important;
  text-align: center !important;
}
.w135-footer .wone-footer-legal a,
.w135-footer .wgc2-legal a {
  display: inline-block !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: color 0.16s ease !important;
}
.w135-footer .wone-footer-legal a:hover,
.w135-footer .wgc2-legal a:hover {
  color: #a94b38 !important;
  text-decoration: underline !important;
}
.w135-footer .wone-footer-legal-sep {
  color: #cbd5e1 !important;
  font-size: 11px !important;
  user-select: none !important;
}
@media (max-width: 680px) {
  .w135-footer .w135-footer-trust {
    grid-template-columns: 1fr !important;
  }
  .w135-footer .wone-footer-legal,
  .w135-footer .wgc2-legal {
    justify-content: center !important;
    gap: 6px 10px !important;
    padding: 16px 0 !important;
  }
}

a, a:hover, a:focus, a:active,
button, button:hover,
.button, .button:hover {
  text-decoration: none !important;
}

.w13-market-feature {
    position: relative;
    /* min-height: 650px; */
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

/* User image rule */
.card-visual img, .wx-feature>img, .wx-story>img, .w139-content-media, .w139-intel-grid img, .w139-podcast-grid img, .w13-market-feature>img {
  width: 100%!important;
  /* aspect-ratio: 16/10!important; */
  /* height: auto!important; */
  object-fit: cover!important;
  object-position: center!important;
}


/* Matrix card text contrast */
.wx-cell, .wx-matrix .wx-cell, .w13-section.dark .wx-matrix .wx-cell, .wx-dark .wx-cell {
  background: #ffffff !important;
  color: #172126 !important;
  text-decoration: none !important;
}
.wx-cell h3, .wx-matrix .wx-cell h3, .w13-section.dark .wx-matrix .wx-cell h3, .wx-dark .wx-cell h3 {
  color: #172126 !important;
  text-decoration: none !important;
}
.wx-cell:hover h3, .wx-matrix .wx-cell:hover h3, .w13-section.dark .wx-matrix .wx-cell:hover h3 {
  color: #a94b38 !important;
  text-decoration: none !important;
}

/* Action Plan, Matter Room & Team Builder Hero Contrast */
.we7-hero, .we7-hero.dark {
  background: #172126 !important;
  color: #ffffff !important;
}
.we7-hero h1, .we7-hero.dark h1 {
  color: #ffffff !important;
}
.we7-hero p, .we7-hero.dark p {
  color: #d1dcda !important;
}
.we7-hero .eyebrow, .we7-hero.dark .eyebrow {
  color: #e59384 !important;
}
.we7-hero aside, .we7-hero.dark aside {
  border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}
.we7-hero aside span, .we7-hero.dark aside span {
  color: #e59384 !important;
}
.we7-hero aside strong, .we7-hero.dark aside strong {
  color: #ffffff !important;
}
.we7-hero aside p, .we7-hero.dark p {
  color: #d1dcda !important;
}

/* Footer link formatting & hover */
.wgc2-col.lead {
  display: block !important;
}
.wgc2-col.lead p {
  font-family: Newsreader, Georgia, serif !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
  color: #172126 !important;
  margin: 0 0 16px 0 !important;
}
.wgc2-col.lead a {
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  color: #172126 !important;
  font: 700 11px/1.4 Inter, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.18s ease, transform 0.18s ease !important;
  max-width: none !important;
}
.wgc2-col.lead a:hover {
  background: none !important;
  border: none !important;
  color: #a94b38 !important;
  transform: translateX(3px) !important;
  text-decoration: none !important;
}
.w135-footer .wgc2-col a,
.wgc2-col a,
.wgc2-legal a {
  display: block !important;
  margin: 0 0 10px 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #526065 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  transition: color 0.18s ease, transform 0.18s ease !important;
}
.w135-footer .wgc2-col a:hover,
.wgc2-col a:hover,
.wgc2-legal a:hover {
  color: #a94b38 !important;
  text-decoration: none !important;
  transform: translateX(3px) !important;
}


/* Profile Contact Section Visibility (Simple, Light, Single Row) */
.w139-profile-contact {
  background: #f8f7f4 !important;
  color: #172126 !important;
  padding: 80px 0 !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(23, 33, 38, 0.1) !important;
  display: block !important;
}
.w139-profile-contact .wx-head {
  margin-bottom: 36px !important;
  display: grid !important;
  grid-template-columns: 0.35fr 1.65fr !important;
  gap: 40px !important;
}
@media (max-width: 900px) {
  .w139-profile-contact .wx-head {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}
.w139-profile-contact .eyebrow {
  color: #a94b38 !important;
  font: 700 10px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.w139-profile-contact h2 {
  color: #172126 !important;
  font-family: Newsreader, Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(32px, 3.8vw, 48px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 10px 0 !important;
}
.w139-profile-contact p {
  color: #556265 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 720px !important;
}
.w139-contact-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 0 !important;
  width: 100% !important;
}
.w139-contact-card,
.w139-contact-list a,
.w139-contact-list div {
  background: #ffffff !important;
  border: 1px solid rgba(23, 33, 38, 0.12) !important;
  padding: 26px 24px !important;
  color: #172126 !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-height: 130px !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.w139-contact-list a:hover {
  background: #ffffff !important;
  border-color: #a94b38 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
  text-decoration: none !important;
}
.w139-contact-card span,
.w139-contact-list span,
.w139-contact-label {
  font: 800 9.5px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #a94b38 !important;
}
.w139-contact-card strong,
.w139-contact-list strong,
.w139-contact-val {
  font: 600 15px/1.3 Inter, -apple-system, sans-serif !important;
  color: #172126 !important;
  word-break: break-word !important;
}
.w139-contact-card small,
.w139-contact-list small,
.w139-contact-action {
  font: 600 11px/1 Inter, sans-serif !important;
  letter-spacing: 0.04em !important;
  color: #7b868a !important;
  margin-top: auto !important;
  padding-top: 8px !important;
}
.w139-contact-list a:hover small,
.w139-contact-list a:hover .w139-contact-action {
  color: #a94b38 !important;
}

/* =========================================================================
   WONE CORRIDOR BRIDGE & LANES (High Contrast, 100% Readable)
   ========================================================================= */
.w133-corridor-bridge {
  background: #f8f7f4 !important;
  color: #172126 !important;
  padding: 80px 0 !important;
  border-bottom: 1px solid rgba(23, 33, 38, 0.1) !important;
  display: block !important;
}

.w133-bridge-markets {
  display: grid !important;
  grid-template-columns: 1fr 280px 1fr !important;
  gap: 20px !important;
  align-items: stretch !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.w133-bridge-card,
.w133-bridge-markets > a {
  background: #ffffff !important;
  border: 1px solid rgba(23, 33, 38, 0.14) !important;
  padding: 34px 38px !important;
  text-decoration: none !important;
  color: #172126 !important;
  min-height: 200px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.w133-bridge-card:hover,
.w133-bridge-markets > a:hover {
  background: #ffffff !important;
  border-color: #a94b38 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(169, 75, 56, 0.08) !important;
  text-decoration: none !important;
}

.w133-bridge-origin,
.w133-bridge-markets > a:first-child {
  text-align: left !important;
}
.w133-bridge-dest,
.w133-bridge-markets > a:last-child {
  text-align: right !important;
}

.w133-bridge-tag,
.w133-bridge-markets small {
  font: 800 10px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.14em !important;
  color: #a94b38 !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.w133-bridge-name,
.w133-bridge-markets strong {
  font-family: Newsreader, Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  color: #172126 !important;
  display: block !important;
  margin: 0 !important;
}

.w133-bridge-iso,
.w133-bridge-markets span {
  font: 800 12px/1 Inter, sans-serif !important;
  letter-spacing: 0.12em !important;
  color: #707d82 !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-top: 14px !important;
}

.w133-bridge-center {
  background: #172126 !important;
  color: #ffffff !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 24px 20px !important;
  border: 1px solid #172126 !important;
  box-sizing: border-box !important;
}

.w133-center-tag,
.w133-bridge-center small {
  font: 800 9px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.16em !important;
  color: #e59384 !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.w133-center-icon,
.w133-bridge-center strong {
  font-size: 38px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  margin: 2px 0 6px 0 !important;
  display: block !important;
}

.w133-center-name,
.w133-bridge-center span {
  font: 700 11px/1.3 Inter, sans-serif !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  display: block !important;
  max-width: 220px !important;
}

.w133-bridge-lanes {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  max-width: 1180px !important;
  margin: 20px auto 0 !important;
  background: transparent !important;
  border: none !important;
}

.w133-lane-card,
.w133-bridge-lanes article {
  background: #ffffff !important;
  border: 1px solid rgba(23, 33, 38, 0.12) !important;
  padding: 28px 24px !important;
  min-height: 155px !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
}

.w133-lane-num,
.w133-bridge-lanes span {
  font-family: Newsreader, Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 32px !important;
  line-height: 1 !important;
  color: #a94b38 !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.w133-lane-title,
.w133-bridge-lanes strong {
  font: 800 11px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #172126 !important;
  display: block !important;
  margin: 0 0 10px 0 !important;
}

.w133-lane-desc,
.w133-bridge-lanes p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #556265 !important;
  margin: 0 !important;
}

@media (max-width: 960px) {
  .w133-bridge-markets {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .w133-bridge-origin,
  .w133-bridge-dest,
  .w133-bridge-markets > a:first-child,
  .w133-bridge-markets > a:last-child {
    text-align: left !important;
    min-height: 140px !important;
  }
  .w133-bridge-lanes {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}
@media (max-width: 600px) {
  .w133-bridge-lanes {
    grid-template-columns: 1fr !important;
  }
}

/* Oxide CTA Buttons */
.wone-oxide-transition-actions .button-white {
  background: #ffffff !important;
  color: #172126 !important;
  border: 1.5px solid #ffffff !important;
}
.wone-oxide-transition-actions .wone-oxide-outline {
  background: transparent !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
}
.wone-oxide-transition-actions .wone-oxide-outline:hover {
  background: #ffffff !important;
  color: #a94b38 !important;
  border-color: #ffffff !important;
}

/* Universal Select Dropdowns */
select,
.we7-form select,
.w137-filter-grid select,
.w139-context-ai-console select,
.wc9-graph-form select,
.wone-auth-form select,
.wone-req-form select,
.w135-form-stage select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23172126' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 14px 14px !important;
  border: 1px solid #cfd8d5 !important;
  border-radius: 0 !important;
  padding: 13px 40px 13px 16px !important;
  font: 500 14px/1.35 Inter, -apple-system, sans-serif !important;
  color: #172126 !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  scroll-margin-bottom: 250px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

select:focus,
.we7-form select:focus,
.w137-filter-grid select:focus,
.wone-auth-form select:focus {
  border-color: #a94b38 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(169, 75, 56, 0.15) !important;
}

select option {
  background: #ffffff !important;
  color: #172126 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}

/* Action Plan Form Styling */
.we7-two {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr) !important;
  gap: 60px !important;
  align-items: start !important;
}
.we7-form-card {
  background: #ffffff !important;
  border: 1px solid rgba(23, 33, 38, 0.12) !important;
  padding: 44px 40px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}
.we7-form {
  display: grid !important;
  gap: 24px !important;
}
.we7-field-group label,
.we7-grid3 label {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font: 700 11px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #172126 !important;
}
.we7-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cfd8d5 !important;
  background: #ffffff !important;
  padding: 16px !important;
  font: 400 15px/1.55 Inter, sans-serif !important;
  color: #172126 !important;
  min-height: 120px !important;
  resize: vertical !important;
  border-radius: 0 !important;
}
.we7-form textarea:focus {
  border-color: #a94b38 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(169, 75, 56, 0.15) !important;
}
.we7-grid3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.we7-rule {
  background: #fcfbfa !important;
  border: 1px solid rgba(23, 33, 38, 0.12) !important;
  border-top: 4px solid #a94b38 !important;
  padding: 36px 30px !important;
}
.we7-rule>span {
  display: block !important;
  font: 800 10px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #a94b38 !important;
  margin-bottom: 20px !important;
}
.we7-rule ol {
  padding-left: 22px !important;
  margin: 0 !important;
  font: 500 15px/1.85 Newsreader, Georgia, serif !important;
  color: #2c3935 !important;
}

/* Header CTA Buttons */
.wgc2-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}
.wgc2-cta {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font: 700 11px/1 Inter, sans-serif !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}
.wgc2-cta.ask {
  background: #a94b38 !important;
  color: #ffffff !important;
  border: 1.5px solid #a94b38 !important;
}
.wgc2-cta.ask:hover {
  background: #8e3927 !important;
  color: #ffffff !important;
  border-color: #8e3927 !important;
}
.wgc2-cta.req,
.wgc2-cta.req:link,
.wgc2-cta.req:visited {
  background: #ffffff !important;
  color: #172126 !important;
  border: 1.5px solid #172126 !important;
  display: inline-flex !important;
  text-decoration: none !important;
}
.wgc2-cta.req .arr {
  color: #172126 !important;
}
.wgc2-cta.req:hover,
.wgc2-cta.req:focus,
.wgc2-cta.req:active {
  background: #172126 !important;
  color: #ffffff !important;
  border-color: #172126 !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}
.wgc2-cta.req:hover .arr,
.wgc2-cta.req:focus .arr,
.wgc2-cta.req:active .arr {
  color: #ffffff !important;
}
.wgc2-cta .arr {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease !important;
}
.wgc2-cta:hover .arr {
  transform: translateX(3px) !important;
}

/* Zero-blank-screen assurance */
.wone-reveal,
.wone-reveal.is-visible,
main > section,
.wx-people-grid,
.wx-person {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* People Grid */
.wx-people-grid,
.w137-people-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  background: transparent !important;
  border: none !important;
}
@media (max-width: 1200px) {
  .wx-people-grid, .w137-people-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  .wx-people-grid, .w137-people-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
}
@media (max-width: 580px) {
  .wx-people-grid, .w137-people-grid { grid-template-columns: 1fr !important; }
}

.wx-person,
.wx-person.wx-person-rich {
  background: #ffffff !important;
  border: 1px solid rgba(23, 33, 38, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  position: relative !important;
  min-height: 480px !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.wx-person:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
  border-color: #a94b38 !important;
}
.wx-person-media {
  width: 100% !important;
  height: 300px !important;
  position: relative !important;
  background: #eef1f0 !important;
  overflow: hidden !important;
}
.wx-person-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25% !important;
}
.wx-person-copy {
  padding: 24px 20px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  background: #ffffff !important;
}
.wx-person-copy h3 {
  font-family: 'Inter Tight', Inter, sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  color: #172126 !important;
  margin: 0 0 8px 0 !important;
}
.wx-person:hover .wx-person-copy h3 {
  color: #a94b38 !important;
}
.wx-person-role {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #556265 !important;
  margin: 0 0 6px 0 !important;
}
.wx-person-meta {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #7b868a !important;
  margin: 0 0 6px 0 !important;
}
.wx-person-firm {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #172126 !important;
  margin: 0 0 14px 0 !important;
}
.wx-mini-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
  margin-bottom: 18px !important;
}
.wx-mini-tags span {
  display: inline-block !important;
  padding: 4px 8px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  background: #f4f6f5 !important;
  color: #37464a !important;
  border: 1px solid rgba(23, 33, 38, 0.08) !important;
}
.wx-person-copy .more {
  margin-top: auto !important;
  padding-top: 14px !important;
  font: 700 10.5px/1 Inter, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #a94b38 !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.wx-person:hover .wx-person-copy .more {
  color: #8e3927 !important;
}

/* Hero Watermark Word & Balance */
.wx-hero, .wx-hero-full {
  position: relative !important;
  overflow: hidden !important;
}
.wx-hero-word {
  font-family: Newsreader, Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(120px, 10vw, 280px) !important;
  line-height: 0.8 !important;
  letter-spacing: -0.08em !important;
  right: -0.02em !important;
  position: absolute !important;
  bottom: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  opacity: 0.12 !important;
  color: #ffffff !important;
}
.wx-hero:not(.wx-hero-full) .wx-hero-word {
  color: #172126 !important;
  opacity: 0.05 !important;
  bottom: 10px !important;
}
.wx-hero-full .wx-full-inner, .wx-hero-copy {
  position: relative !important;
  z-index: 2 !important;
}

/* Market Ledger & Region Grid */
.w139-region-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  background: transparent !important;
  border: none !important;
}
.w139-region-grid>a {
  background: #ffffff !important;
  border: 1px solid rgba(23, 33, 38, 0.12) !important;
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.w139-region-grid>a:hover {
  background: #faf9f6 !important;
  border-color: #a94b38 !important;
  transform: translateY(-2px) !important;
}
.w139-region-grid span {
  font: 800 9px/1.2 Inter, sans-serif !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #a94b38 !important;
  margin-bottom: 12px !important;
  display: block !important;
}
.w139-region-grid h3 {
  font-family: Newsreader, Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: #172126 !important;
  margin: 0 0 12px 0 !important;
}
.w139-region-grid p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #556265 !important;
  margin: 0 0 20px 0 !important;
  flex: 1 !important;
}
.w139-region-grid b {
  font: 700 11px/1 Inter, sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #a94b38 !important;
}
@media (max-width: 1000px) {
  .w139-region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  .w139-region-grid { grid-template-columns: 1fr !important; }
}

.w139-market-ledger {
  border-top: 1px solid rgba(23, 33, 38, 0.12) !important;
}
.w139-market-ledger>a {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1.3fr) auto auto !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 24px 16px !important;
  border-bottom: 1px solid rgba(23, 33, 38, 0.1) !important;
  text-decoration: none !important;
  transition: background 0.18s ease !important;
}
.w139-market-ledger>a:hover {
  background: #faf9f6 !important;
  text-decoration: none !important;
}
.w139-market-ledger>a>span {
  font: 700 14px/1 Inter, sans-serif !important;
  letter-spacing: 0.08em !important;
  color: #7b868a !important;
  text-transform: uppercase !important;
}
.w139-market-ledger>a>div:first-of-type h3 {
  font-family: Newsreader, Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: #172126 !important;
  margin: 0 0 6px 0 !important;
}
.w139-market-ledger>a:hover>div:first-of-type h3 {
  color: #a94b38 !important;
}
.w139-market-ledger>a>div:first-of-type p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #556265 !important;
  margin: 0 !important;
}
.w139-market-metrics {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.w139-market-metrics b {
  font: 600 12px/1 Inter, sans-serif !important;
  color: #556265 !important;
  background: #f0f3f2 !important;
  padding: 6px 10px !important;
  display: inline-block !important;
}
.w139-market-ledger>a>em {
  font: 700 11px/1 Inter, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #a94b38 !important;
  font-style: normal !important;
  white-space: nowrap !important;
  transition: transform 0.18s ease !important;
}
.w139-market-ledger>a:hover>em {
  transform: translateX(4px) !important;
}
@media (max-width: 900px) {
  .w139-market-ledger>a { grid-template-columns: 44px 1fr !important; gap: 14px !important; }
  .w139-market-metrics { grid-column: 2 / -1 !important; flex-wrap: wrap !important; gap: 8px !important; }
  .w139-market-ledger>a>em { grid-column: 2 / -1 !important; margin-top: 4px !important; }
}

/* WONE EOI Form & Capability Locking Enhancements */
.wone-caps-jurisdiction-status {
  padding: 12px 18px !important;
  background: #f0f7f4 !important;
  border-left: 4px solid #16342f !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #203832 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border-radius: 2px !important;
}

.wone-cap-chip.is-appointed {
  background: #f4f6f5 !important;
  border-color: #dbe2df !important;
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

.wone-cap-chip.is-appointed .wone-cap-label {
  color: #7b8a85 !important;
  text-decoration: line-through !important;
}

.wone-cap-chip .wone-appointed-tag {
  display: inline-block !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: #a94e38 !important;
  color: #ffffff !important;
  padding: 2px 6px !important;
  border-radius: 2px !important;
  margin-left: auto !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.wone-sp-cards-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-top: 8px !important;
}

.wone-sp-card {
  background: #ffffff !important;
  border: 1px solid #dce4e0 !important;
  padding: 20px 22px !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
}

.wone-sp-card-title {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #16342f !important;
  margin-bottom: 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #edf2ef !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* Image Band Copy Paragraph Styling */
.wx-image-copy p {
  margin-bottom: 50px !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  max-width: 720px !important;
  color: #e2e8e8 !important;
}

/* =========================================================================
   COMPREHENSIVE MOBILE HEADER & NAVIGATION RESPONSIVENESS SYSTEM
   ========================================================================= */

/* Prevent horizontal scroll on mobile */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Utility Bar Mobile Fixes */
@media (max-width: 991px) {
  .wgc2-utility {
    padding: 6px 0 !important;
  }
  .wgc2-utility-inner {
    width: min(calc(100% - 28px), 1400px) !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  .wgc2-utility-brand {
    font-size: 8.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .wgc2-utility-links {
    gap: 10px !important;
  }
  .wgc2-utility-links a {
    display: none !important;
  }
  .wgc2-utility-links a[href*="my-wone"],
  .wgc2-utility-links a[href*="logout"],
  .wgc2-utility-links .wgc2-account-trigger {
    display: inline-flex !important;
    font-size: 9px !important;
    padding: 0 !important;
  }
}

@media (max-width: 600px) {
  .wgc2-utility-brand {
    font-size: 7.5px !important;
    letter-spacing: 0.05em !important;
  }
  .wgc2-utility-brand span {
    display: none !important;
  }
}

/* Main Header Container */
.wgc2-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(23, 33, 38, 0.12) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  width: 100% !important;
}

.wgc2-main {
  width: min(calc(100% - 32px), 1400px) !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 72px !important;
  position: relative !important;
}

.wgc2-logo {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
.wgc2-logo img {
  width: 135px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Mobile & Tablet Header Visibility (<= 1080px) */
@media (max-width: 1080px) {
  .wgc2-nav,
  .wgc2-actions {
    display: none !important;
  }

  .wgc2-main {
    min-height: 66px !important;
    padding: 0 4px !important;
  }

  .wgc2-logo img {
    width: 118px !important;
    max-height: 42px !important;
  }

  /* Hamburger Menu Button */
  .wgc2-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #172126 !important;
    background: #172126 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: all 0.2s ease !important;
  }
  .wgc2-mobile:hover {
    background: #232f34 !important;
  }

  .wgc2-mobile span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: #ffffff !important;
    position: relative !important;
    border-radius: 2px !important;
    transition: all 0.25s ease-in-out !important;
  }
  .wgc2-mobile span:before,
  .wgc2-mobile span:after {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: #ffffff !important;
    position: absolute !important;
    left: 0 !important;
    border-radius: 2px !important;
    transition: all 0.25s ease-in-out !important;
  }
  .wgc2-mobile span:before {
    top: -6px !important;
  }
  .wgc2-mobile span:after {
    top: 6px !important;
  }

  /* Hamburger Animate to X on Open */
  .wgc2-mobile[aria-expanded="true"] {
    background: #a94b38 !important;
    border-color: #a94b38 !important;
  }
  .wgc2-mobile[aria-expanded="true"] span {
    background: transparent !important;
  }
  .wgc2-mobile[aria-expanded="true"] span:before {
    top: 0 !important;
    transform: rotate(45deg) !important;
    background: #ffffff !important;
  }
  .wgc2-mobile[aria-expanded="true"] span:after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
    background: #ffffff !important;
  }

  /* Mobile Navigation Dropdown Panel */
  .wgc2-mobile-panel {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #172126 !important;
    color: #f4f0ea !important;
    border-bottom: 2px solid #a94b38 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45) !important;
    max-height: calc(100vh - 72px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 9998 !important;
  }
  .wgc2-mobile-panel.active {
    display: block !important;
    animation: woneMobileSlideDown 0.25s ease-out forwards !important;
  }

  @keyframes woneMobileSlideDown {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Mobile Top Action CTAs */
  .w135-mobile-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1px !important;
    background: #232f34 !important;
    border-bottom: 1px solid #2d3c44 !important;
  }
  .w135-mobile-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 18px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background: #172126 !important;
    color: #f4f0ea !important;
  }
  .w135-mobile-actions a.primary {
    background: #a94b38 !important;
    color: #ffffff !important;
  }
  .w135-mobile-actions a span {
    font-size: 14px !important;
  }

  /* Accordion Sections inside Mobile Menu */
  .wgc2-mobile-panel details {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  .wgc2-mobile-panel summary {
    list-style: none !important;
    cursor: pointer !important;
    padding: 16px 20px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #e59384 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #172126 !important;
  }
  .wgc2-mobile-panel summary::-webkit-details-marker {
    display: none !important;
  }
  .wgc2-mobile-panel summary::after {
    content: "+" !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #e59384 !important;
  }
  .wgc2-mobile-panel details[open] summary::after {
    content: "−" !important;
  }

  .wgc2-mobile-panel details > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background: #12181b !important;
  }
  .wgc2-mobile-panel details a {
    display: block !important;
    padding: 14px 20px !important;
    color: #d1dcda !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
  }
  .wgc2-mobile-panel details a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }
}

@media (max-width: 540px) {
  .w135-mobile-actions {
    grid-template-columns: 1fr !important;
  }
  .wgc2-mobile-panel details > div {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================================
   MY WONE DASHBOARD MOBILE RESPONSIVE DISCIPLINE
   ========================================================================= */

@media (max-width: 900px) {
  .wone-dashboard-wrap {
    padding-bottom: 60px !important;
  }
  .wone-dash-hero {
    padding: 28px 0 20px !important;
  }
  .wone-dash-hero h1 {
    font-size: 28px !important;
  }
  .wone-dash-hero p {
    font-size: 14px !important;
  }
  .wone-dash-hero-inner {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
  }
  .wone-dash-hero-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .wone-dash-hero-actions .wone-dash-btn {
    flex: 1 1 auto !important;
    justify-content: center !important;
  }

  .wone-dash-tabs {
    padding: 8px 0 !important;
    gap: 6px !important;
  }
  .wone-dash-tab {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  .wone-dash-metrics {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin: 20px 0 24px !important;
  }
  .wone-dash-metric-card {
    padding: 16px !important;
  }
  .wone-dash-metric-value {
    font-size: 22px !important;
  }

  .wone-card {
    padding: 20px 16px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
  }
  .wone-card-head {
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
  }
  .wone-card-title h2 {
    font-size: 20px !important;
  }

  .wone-form-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .wone-overview-action-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .wone-dash-table {
    min-width: 620px !important;
  }
}

@media (max-width: 480px) {
  .wone-dash-metrics {
    grid-template-columns: 1fr !important;
  }
  .wone-dash-hero-actions {
    flex-direction: column !important;
  }
  .wone-dash-hero-actions .wone-dash-btn {
    width: 100% !important;
  }
}