/* Scoped to the knowledge-base pages where this asset is enqueued. */
.lai-adaptive-cards { display: none !important; }
@media (max-width: 767px) {
  main .lai-adaptive-original { display: none !important; }
  main .lai-adaptive-cards { display: grid !important; gap: 12px; width: 100%; min-width: 0; margin: 18px 0 24px; }
  main .lai-adaptive-cards .lai-mobile-table-card { display: grid; gap: 12px; padding: 18px; min-width: 0; border: 1px solid #d9e4ed; border-radius: 20px; background: #fff; box-shadow: 0 4px 14px rgba(11,40,78,.04); }
  main .lai-adaptive-cards .lai-mobile-table-field { min-width: 0; overflow-wrap: anywhere; }
  main .lai-adaptive-cards .lai-mobile-table-field + .lai-mobile-table-field { border-top: 1px solid #e4ebf2; padding-top: 12px; }
  main .lai-adaptive-cards .lai-mobile-table-label { color: #607383; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 6px; }
  main .lai-adaptive-cards .lai-mobile-table-value { color: #102d57; line-height: 1.55; white-space: normal; overflow-wrap: anywhere; }
  main .lai-adaptive-cards .lai-mobile-table-value p { margin: 0; }
}

/* Commodity code column: only the code itself is non-wrapping. */
main table .lai-tariff-code-value { white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; display: inline-block; font-variant-numeric: tabular-nums; }
main table th.lai-tariff-code-column, main table td.lai-tariff-code-column { min-width: 12ch; word-break: normal; }
/* Explicit width for legacy tariff tables: no digit splitting in mobile cells. */
@media (max-width: 767px) {
  main table th.lai-tariff-code-column,
  main table td.lai-tariff-code-column {
    min-width: 158px !important;
    width: 158px;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }
  main table td.lai-tariff-code-column .lai-tariff-code-value,
  main table td.lai-tariff-code-nowrap {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }
  main .lai-table-scroll-hint { display: none; }
  main .lai-table-scroll-hint.lai-table-scroll-hint-visible {
    display: block;
    color: #52708b;
    font-size: 12px;
    line-height: 1.5;
    margin: 8px 0 6px;
  }
}
@media (min-width: 768px) { main .lai-table-scroll-hint { display: none !important; } }

/* v1.1.22: guaranteed CSS fallback for the verified metal customs template.
   The theme stores spaced 10-digit EAEU codes inside the second column's <b>.
   Do not depend on JavaScript or change the stored value. */
@media (max-width: 767px) {
  main.lz-metal947 .lz-vr773__table-wrap table th:nth-child(2),
  main.lz-metal947 .lz-vr773__table-wrap table td:nth-child(2) {
    min-width: 190px !important;
    width: 190px !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  main.lz-metal947 .lz-vr773__table-wrap table td:nth-child(2) b,
  main.lz-metal947 .lz-vr773__table-wrap table td:nth-child(2) strong {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  main.lz-metal947 .lz-vr773__table-wrap { overflow-x: auto !important; }
}

/* v1.1.23: verified four-column metal tariff table -> readable cards on phones.
   Hide original only when JS successfully generated every card. */
.lai-metal-mobile-cards { display: none !important; }
@media (max-width: 767px) {
  main.lz-metal947 #tnved .lai-metal-desktop-table { display: none !important; }
  main.lz-metal947 #tnved .lai-metal-mobile-cards { display: grid !important; gap: 12px; margin: 18px 0 24px; min-width: 0; }
  main.lz-metal947 #tnved .lai-metal-mobile-card { min-width: 0; padding: 18px; border: 1px solid #d9e4ed; border-radius: 20px; background: #fff; box-shadow: 0 4px 14px rgba(11,40,78,.04); }
  main.lz-metal947 #tnved .lai-metal-mobile-title { margin: 0 0 14px; color: #102d57; font-size: 18px; line-height: 1.35; font-weight: 700; overflow-wrap: break-word; }
  main.lz-metal947 #tnved .lai-metal-mobile-meta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); gap: 12px; padding: 13px 0; border-top: 1px solid #e4ebf2; border-bottom: 1px solid #e4ebf2; }
  main.lz-metal947 #tnved .lai-metal-mobile-field { display: grid; gap: 7px; min-width: 0; }
  main.lz-metal947 #tnved .lai-metal-mobile-label { display: block; color: #607383; font-size: 11px; line-height: 1.35; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
  main.lz-metal947 #tnved .lai-metal-mobile-code { color: #102d57; font-size: clamp(13px, 3.4vw, 17px); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; }
  main.lz-metal947 #tnved .lai-metal-mobile-duty { color: #102d57; font-size: 17px; font-weight: 700; }
  main.lz-metal947 #tnved .lai-metal-mobile-detail { padding-top: 13px; }
  main.lz-metal947 #tnved .lai-metal-mobile-detail p { margin: 6px 0 0; color: #263d56; font-size: 15px; line-height: 1.5; overflow-wrap: break-word; }
}


/* v1.1.24: only simple 4-column tables receive a mobile card representation.
   Desktop source tables are never hidden; no card appears unless JS built it. */
.lai-four-col-cards { display: none !important; }
@media (max-width: 767px) {
  main .lai-four-col-original { display: none !important; }
  main .lai-four-col-cards { display: grid !important; gap: 12px; margin: 18px 0 24px; min-width: 0; }
  main .lai-four-col-card { padding: 18px; min-width: 0; border: 1px solid #d9e4ed; border-radius: 20px; background: #fff; box-shadow: 0 4px 14px rgba(11,40,78,.04); }
  main .lai-four-col-title { color: #102d57; font-size: 18px; line-height: 1.4; font-weight: 700; padding-bottom: 14px; overflow-wrap: break-word; }
  main .lai-four-col-fields { display: grid; gap: 0; border-top: 1px solid #e4ebf2; }
  main .lai-four-col-field { padding: 12px 0; min-width: 0; }
  main .lai-four-col-field + .lai-four-col-field { border-top: 1px solid #e4ebf2; }
  main .lai-four-col-label { color: #607383; font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 6px; }
  main .lai-four-col-value { color: #263d56; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
  main .lai-four-col-value p { margin: 0; }
  main .lai-four-col-code { white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; font-variant-numeric: tabular-nums; font-size: clamp(13px, 3.4vw, 16px); }
}