.wg-by,
    .wg-by * ,
    .wg-by *::before,
    .wg-by *::after {
      box-sizing: border-box !important;
    }

    .wg-by {
      --wg-bg: #f6f9fc;
      --wg-card: #ffffff;
      --wg-card-soft: #eef6f8;
      --wg-text: #172333;
      --wg-muted: #68778a;
      --wg-primary: #12314f;
      --wg-primary-2: #1c4e74;
      --wg-teal: #168a8a;
      --wg-accent: #f28c38;
      --wg-accent-soft: #fff3e8;
      --wg-border: #dce6ef;
      --wg-border-soft: #e9eff5;
      --wg-shadow: 0 8px 24px rgba(18, 49, 79, 0.08);
      --wg-shadow-strong: 0 14px 34px rgba(18, 49, 79, 0.14);
      --wg-radius-sm: 10px;
      --wg-radius-md: 14px;
      --wg-radius-lg: 20px;
      --wg-radius-xl: 26px;

      display: block !important;
      width: 100% !important;
      /*max-width: 818px !important;*/
      margin: 0 auto !important;
      padding: 0 !important;
      color: var(--wg-text) !important;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
      font-size: 16px !important;
      line-height: 1.75 !important;
      letter-spacing: 0.02em !important;
      text-align: left !important;
      background: transparent !important;
      isolation: isolate !important;
    }

    .wg-by :where(h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, figure, figcaption, blockquote) {
      margin: 0 !important;
      padding: 0 !important;
      font: inherit !important;
      color: inherit !important;
      border: 0 !important;
      background: transparent !important;
    }

    .wg-by :where(ul, ol) {
      list-style: none !important;
    }

    .wg-by :where(a) {
      color: inherit !important;
      text-decoration: none !important;
    }

    .wg-by :where(button, input, select) {
      font: inherit !important;
      letter-spacing: inherit !important;
    }

    .wg-by :where(button) {
      appearance: none !important;
      border: 0 !important;
      cursor: pointer !important;
    }

    .wg-by__section {
      margin-top: 34px !important;
    }

    .wg-by__section-head {
      margin-bottom: 16px !important;
    }

    .wg-by__label {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      width: fit-content !important;
      margin: 0 0 8px !important;
      color: var(--wg-teal) !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1.4 !important;
      letter-spacing: 0.12em !important;
      text-transform: uppercase !important;
    }

    .wg-by__label::before {
      content: "" !important;
      width: 8px !important;
      height: 8px !important;
      border-radius: 50% !important;
      background: var(--wg-accent) !important;
    }

    .wg-by__h1 {
      margin: 0 !important;
      color: #fff !important;
      font-size: clamp(28px, 5vw, 44px) !important;
      font-weight: 900 !important;
      line-height: 1.22 !important;
      letter-spacing: -0.04em !important;
    }

    .wg-by__h2 {
      margin: 0 !important;
      color: var(--wg-primary) !important;
      font-size: clamp(22px, 3.3vw, 30px) !important;
      font-weight: 900 !important;
      line-height: 1.35 !important;
      letter-spacing: -0.03em !important;
    }

    .wg-by__h3 {
      margin: 0 !important;
      color: var(--wg-primary) !important;
      font-size: 18px !important;
      font-weight: 900 !important;
      line-height: 1.45 !important;
    }

    .wg-by__lead,
    .wg-by__desc {
      color: var(--wg-muted) !important;
      font-size: 15px !important;
      line-height: 1.9 !important;
    }

    .wg-by__lead {
      margin-top: 12px !important;
      color: rgba(255, 255, 255, 0.88) !important;
      font-size: 16px !important;
    }

    .wg-by__desc {
      margin-top: 8px !important;
    }

    .wg-by__hero {
      position: relative !important;
      overflow: hidden !important;
      padding: clamp(24px, 5vw, 40px) !important;
      border-radius: var(--wg-radius-xl) !important;
      background:
        radial-gradient(circle at 85% 12%, rgba(255, 255, 255, 0.18), transparent 34%),
        linear-gradient(135deg, #102d4a 0%, #16496f 52%, #168a8a 100%) !important;
      box-shadow: var(--wg-shadow-strong) !important;
    }

    .wg-by__hero::after {
      content: "" !important;
      position: absolute !important;
      right: -120px !important;
      bottom: -160px !important;
      width: 320px !important;
      height: 320px !important;
      border-radius: 50% !important;
      background: rgba(255, 255, 255, 0.1) !important;
      pointer-events: none !important;
    }

    .wg-by__hero-inner {
      position: relative !important;
      z-index: 1 !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 20px !important;
    }

    .wg-by__eyebrow {
      display: inline-flex !important;
      width: fit-content !important;
      margin-bottom: 12px !important;
      padding: 5px 11px !important;
      border: 1px solid rgba(255, 255, 255, 0.22) !important;
      border-radius: 999px !important;
      color: #e5fbff !important;
      background: rgba(255, 255, 255, 0.12) !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1.4 !important;
      letter-spacing: 0.1em !important;
    }

    .wg-by__search-card {
      padding: 18px !important;
      border: 1px solid rgba(255, 255, 255, 0.72) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: rgba(255, 255, 255, 0.96) !important;
      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.14) !important;
    }

    .wg-by__search-title {
      margin-bottom: 10px !important;
      color: var(--wg-primary) !important;
      font-size: 17px !important;
      font-weight: 900 !important;
      line-height: 1.45 !important;
    }

    .wg-by__form-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 10px !important;
      align-items: center !important;
    }

    .wg-by__control {
      display: block !important;
      width: 100% !important;
      min-height: 46px !important;
      margin: 0 !important;
      padding: 0 13px !important;
      border: 1px solid var(--wg-border) !important;
      border-radius: 12px !important;
      color: var(--wg-text) !important;
      background: #fff !important;
      box-shadow: none !important;
      outline: none !important;
    }

    .wg-by__control:focus {
      border-color: var(--wg-teal) !important;
      box-shadow: 0 0 0 3px rgba(22, 138, 138, 0.14) !important;
    }

    .wg-by__button {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 46px !important;
      margin: 0 !important;
      padding: 0 16px !important;
      border-radius: 12px !important;
      color: #fff !important;
      background: var(--wg-accent) !important;
      box-shadow: 0 10px 22px rgba(242, 140, 56, 0.26) !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
    }

    .wg-by__button:hover {
      transform: translateY(-1px) !important;
      filter: brightness(1.02) !important;
      box-shadow: 0 12px 26px rgba(242, 140, 56, 0.34) !important;
    }

    .wg-by__button--sub {
      color: var(--wg-primary) !important;
      background: #fff !important;
      border: 1px solid var(--wg-border) !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__pills {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      margin-top: 12px !important;
    }

    .wg-by__pill {
      display: inline-flex !important;
      align-items: center !important;
      min-height: 32px !important;
      padding: 0 11px !important;
      border: 1px solid transparent !important;
      border-radius: 999px !important;
      color: var(--wg-primary) !important;
      background: var(--wg-card-soft) !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }

    .wg-by__pill:hover {
      border-color: #c9dbe5 !important;
      background: #e2f1f3 !important;
    }

    .wg-by__metric-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
      margin-top: 18px !important;
    }

    .wg-by__metric {
      min-width: 0 !important;
      padding: 16px !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: var(--wg-card) !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__metric--main {
      color: #fff !important;
      background: linear-gradient(135deg, var(--wg-primary), var(--wg-teal)) !important;
      border-color: transparent !important;
    }

    .wg-by__metric-label {
      display: block !important;
      margin: 0 0 6px !important;
      color: inherit !important;
      opacity: 0.72 !important;
      font-size: 12px !important;
      font-weight: 900 !important;
      line-height: 1.4 !important;
    }

    .wg-by__metric-value {
      display: block !important;
      color: inherit !important;
      font-size: clamp(22px, 4.4vw, 32px) !important;
      font-weight: 950 !important;
      line-height: 1.15 !important;
      letter-spacing: -0.04em !important;
    }

    .wg-by__metric-note {
      display: block !important;
      margin-top: 6px !important;
      color: inherit !important;
      opacity: 0.7 !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      line-height: 1.5 !important;
    }

    .wg-by__card-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
    }

    .wg-by__card {
      display: block !important;
      min-width: 0 !important;
      padding: 17px !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      color: var(--wg-text) !important;
      background: var(--wg-card) !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__card:hover {
      border-color: #cbd9e6 !important;
      box-shadow: var(--wg-shadow-strong) !important;
    }

    .wg-by__year {
      display: block !important;
      margin-top: 6px !important;
      color: var(--wg-primary) !important;
      font-size: 30px !important;
      font-weight: 950 !important;
      line-height: 1 !important;
      letter-spacing: -0.04em !important;
    }

    .wg-by__tag {
      display: inline-flex !important;
      width: fit-content !important;
      padding: 4px 9px !important;
      border-radius: 999px !important;
      color: #9b4d17 !important;
      background: var(--wg-accent-soft) !important;
      font-size: 12px !important;
      font-weight: 900 !important;
      line-height: 1.4 !important;
    }

    .wg-by__meta {
      display: block !important;
      margin-top: 8px !important;
      color: var(--wg-muted) !important;
      font-size: 13px !important;
      line-height: 1.65 !important;
    }

    .wg-by__notice {
      display: grid !important;
      grid-template-columns: 38px minmax(0, 1fr) !important;
      gap: 13px !important;
      margin-top: 22px !important;
      padding: 17px !important;
      border: 1px solid #ffd8b8 !important;
      border-radius: var(--wg-radius-lg) !important;
      color: #70401e !important;
      background: var(--wg-accent-soft) !important;
    }

    .wg-by__notice-icon {
      display: grid !important;
      place-items: center !important;
      width: 38px !important;
      height: 38px !important;
      border-radius: 50% !important;
      color: #fff !important;
      background: var(--wg-accent) !important;
      font-weight: 950 !important;
    }

    .wg-by__notice-title {
      margin-bottom: 6px !important;
      color: #84400d !important;
      font-size: 17px !important;
      font-weight: 900 !important;
      line-height: 1.4 !important;
    }

    .wg-by__notice-list {
      display: grid !important;
      gap: 4px !important;
      padding-left: 1.1em !important;
      list-style: disc !important;
      color: #70401e !important;
      font-size: 14px !important;
      line-height: 1.75 !important;
    }

    .wg-by__tabs {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      margin-bottom: 13px !important;
    }

    .wg-by__tab {
      display: inline-flex !important;
      align-items: center !important;
      min-height: 36px !important;
      padding: 0 12px !important;
      border: 1px solid var(--wg-border) !important;
      border-radius: 999px !important;
      color: var(--wg-muted) !important;
      background: #fff !important;
      font-size: 13px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
    }

    .wg-by__tab.is-active {
      color: #fff !important;
      background: var(--wg-primary) !important;
      border-color: var(--wg-primary) !important;
    }

    .wg-by__chart {
      padding: 15px !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__chart-box {
      position: relative !important;
      min-height: 230px !important;
      overflow: hidden !important;
      border-radius: var(--wg-radius-md) !important;
      background:
        linear-gradient(to right, rgba(18, 49, 79, 0.07) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(18, 49, 79, 0.07) 1px, transparent 1px),
        linear-gradient(180deg, #f8fbfd 0%, #eef6f7 100%) !important;
      background-size: 44px 44px !important;
    }

    .wg-by__chart-box::before {
      content: "" !important;
      position: absolute !important;
      left: 8% !important;
      right: 8% !important;
      bottom: 35% !important;
      height: 70px !important;
      border-bottom: 5px solid var(--wg-teal) !important;
      border-radius: 50% !important;
      transform: skewY(-8deg) !important;
    }

    .wg-by__chart-label {
      position: absolute !important;
      left: 16px !important;
      bottom: 14px !important;
      color: var(--wg-muted) !important;
      font-size: 12px !important;
      font-weight: 800 !important;
    }

    .wg-by__details {
      overflow: hidden !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__summary {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 14px !important;
      padding: 15px 17px !important;
      color: var(--wg-primary) !important;
      font-size: 15px !important;
      font-weight: 900 !important;
      line-height: 1.5 !important;
      cursor: pointer !important;
      list-style: none !important;
    }

    .wg-by__summary::-webkit-details-marker {
      display: none !important;
    }

    .wg-by__summary::after {
      content: "+" !important;
      display: grid !important;
      place-items: center !important;
      flex: 0 0 auto !important;
      width: 28px !important;
      height: 28px !important;
      border-radius: 50% !important;
      color: var(--wg-teal) !important;
      background: var(--wg-card-soft) !important;
      font-weight: 950 !important;
    }

    .wg-by__details[open] .wg-by__summary::after {
      content: "−" !important;
    }

    .wg-by__details-body {
      padding: 0 17px 17px !important;
    }

    .wg-by__milestones {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
    }

    .wg-by__milestone {
      padding: 15px !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__milestone-age {
      display: block !important;
      color: var(--wg-accent) !important;
      font-size: 26px !important;
      font-weight: 950 !important;
      line-height: 1.1 !important;
      letter-spacing: -0.04em !important;
    }

    .wg-by__milestone-year {
      display: block !important;
      margin-top: 4px !important;
      color: var(--wg-primary) !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1.5 !important;
    }

    .wg-by__milestone-value {
      display: block !important;
      margin-top: 4px !important;
      color: var(--wg-muted) !important;
      font-size: 13px !important;
      line-height: 1.65 !important;
    }

    .wg-by__table-wrap {
      overflow: hidden !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__table-scroll {
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch !important;
    }

    .wg-by__table {
      width: 100% !important;
      min-width: 680px !important;
      margin: 0 !important;
      border-collapse: collapse !important;
      border-spacing: 0 !important;
      color: var(--wg-text) !important;
      background: #fff !important;
      font-size: 13px !important;
      line-height: 1.5 !important;
    }

    .wg-by__table th,
    .wg-by__table td {
      padding: 12px 13px !important;
      border: 0 !important;
      border-bottom: 1px solid var(--wg-border-soft) !important;
      color: var(--wg-text) !important;
      background: #fff !important;
      text-align: right !important;
      vertical-align: middle !important;
      white-space: nowrap !important;
    }

    .wg-by__table th {
      color: var(--wg-primary) !important;
      background: #f3f7fa !important;
      font-size: 12px !important;
      font-weight: 900 !important;
    }

    .wg-by__table tr:last-child td {
      border-bottom: 0 !important;
    }

    .wg-by__table th:first-child,
    .wg-by__table td:first-child,
    .wg-by__table th:nth-child(2),
    .wg-by__table td:nth-child(2) {
      text-align: left !important;
    }

    .wg-by__country {
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      color: var(--wg-primary) !important;
      font-weight: 900 !important;
    }

    .wg-by__dot {
      display: inline-block !important;
      width: 9px !important;
      height: 9px !important;
      border-radius: 50% !important;
      background: var(--wg-teal) !important;
    }

    .wg-by__profile {
      display: grid !important;
      gap: 0 !important;
      overflow: hidden !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__profile-row {
      display: grid !important;
      grid-template-columns: 130px minmax(0, 1fr) !important;
      gap: 12px !important;
      padding: 13px 15px !important;
      border-bottom: 1px solid var(--wg-border-soft) !important;
    }

    .wg-by__profile-row:last-child {
      border-bottom: 0 !important;
    }

    .wg-by__profile-key {
      color: var(--wg-muted) !important;
      font-size: 13px !important;
      font-weight: 900 !important;
    }

    .wg-by__profile-value {
      color: var(--wg-primary) !important;
      font-size: 14px !important;
      font-weight: 900 !important;
    }

    .wg-by__related {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    .wg-by__related-link {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 12px !important;
      min-height: 54px !important;
      padding: 13px 15px !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-md) !important;
      color: var(--wg-primary) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1.45 !important;
    }

    .wg-by__related-link::after {
      content: "→" !important;
      color: var(--wg-accent) !important;
      font-weight: 950 !important;
    }

    .wg-by__faq {
      display: grid !important;
      gap: 10px !important;
    }

    .wg-by__faq-item {
      overflow: hidden !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
    }

    .wg-by__faq-q {
      padding: 15px 17px !important;
      color: var(--wg-primary) !important;
      font-size: 15px !important;
      font-weight: 900 !important;
      line-height: 1.5 !important;
      cursor: pointer !important;
    }

    .wg-by__faq-a {
      padding: 0 17px 16px !important;
      color: var(--wg-muted) !important;
      font-size: 14px !important;
      line-height: 1.85 !important;
    }

    .wg-by__data-note {
      padding: 17px !important;
      border: 1px solid var(--wg-border-soft) !important;
      border-radius: var(--wg-radius-lg) !important;
      color: var(--wg-muted) !important;
      background: #fff !important;
      box-shadow: var(--wg-shadow) !important;
      font-size: 14px !important;
      line-height: 1.85 !important;
    }

    .wg-by__data-note strong {
      color: var(--wg-primary) !important;
      font-weight: 900 !important;
    }

    @media (max-width: 640px) {
      .wg-by {
        font-size: 15px !important;
      }

      .wg-by__hero {
        padding: 22px !important;
        border-radius: 22px !important;
      }

      .wg-by__form-grid,
      .wg-by__metric-grid,
      .wg-by__card-grid,
      .wg-by__milestones,
      .wg-by__related {
        grid-template-columns: 1fr !important;
      }

      .wg-by__button {
        width: 100% !important;
      }

      .wg-by__notice {
        grid-template-columns: 1fr !important;
      }

      .wg-by__profile-row {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
      }
    }
.wg-by .wg-by__chart-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.wg-by .wg-by__chart-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border: 1px solid var(--wg-border) !important;
  border-radius: 999px !important;
  color: var(--wg-muted) !important;
  background: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.wg-by .wg-by__chart-button.is-active {
  color: #fff !important;
  background: var(--wg-primary) !important;
  border-color: var(--wg-primary) !important;
}

.wg-by .wg-by__chart-box--svg {
  position: relative !important;
  min-height: 280px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: var(--wg-radius-md) !important;
  background:
    linear-gradient(to right, rgba(18, 49, 79, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(18, 49, 79, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, #f8fbfd 0%, #eef6f7 100%) !important;
  background-size: 44px 44px !important;
}

.wg-by .wg-by__chart-box--svg::before {
  content: none !important;
}

.wg-by .wg-by__chart-svg {
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  overflow: visible !important;
}

.wg-by .wg-by__chart-axis {
  stroke: rgba(18, 49, 79, 0.24) !important;
  stroke-width: 1 !important;
}

.wg-by .wg-by__chart-grid {
  stroke: rgba(18, 49, 79, 0.1) !important;
  stroke-width: 1 !important;
}

.wg-by .wg-by__chart-line {
  fill: none !important;
  stroke: var(--wg-teal) !important;
  stroke-width: 4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.wg-by .wg-by__chart-area {
  fill: rgba(22, 138, 138, 0.12) !important;
}

.wg-by .wg-by__chart-point {
  fill: #fff !important;
  stroke: var(--wg-teal) !important;
  stroke-width: 3 !important;
}

.wg-by .wg-by__chart-focus-line {
  stroke: rgba(18, 49, 79, 0.28) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 4 !important;
}

.wg-by .wg-by__chart-text {
  fill: var(--wg-muted) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.wg-by .wg-by__chart-title-text {
  fill: var(--wg-primary) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.wg-by .wg-by__chart-tooltip {
  position: absolute !important;
  z-index: 3 !important;
  min-width: 138px !important;
  padding: 9px 11px !important;
  border: 1px solid var(--wg-border-soft) !important;
  border-radius: 12px !important;
  color: var(--wg-primary) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--wg-shadow-strong) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  pointer-events: none !important;
}

.wg-by .wg-by__chart-tooltip strong {
  display: block !important;
  color: var(--wg-teal) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

@media (max-width: 640px) {
  .wg-by .wg-by__chart-svg {
    height: 260px !important;
  }
}