/* Keep the original Avada materials page editable and all material data readable. */
body.page-id-12464 #main .fusion-title h2,
body.page-id-12464 #main .fusion-title h3 { font-size: clamp(21px, 2vw, 26px) !important; line-height: 1.4 !important; }
body.page-id-12464 #main .jpm-materials-table-wrap { clear: both; width: 100%; max-width: 100%; margin: 22px 0 30px; }
body.page-id-12464 #main .jpm-materials-table { width: 100% !important; max-width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 16px; line-height: 1.65; }
body.page-id-12464 #main .jpm-materials-table th,
body.page-id-12464 #main .jpm-materials-table td { padding: 14px 16px; text-align: left; vertical-align: top; white-space: normal !important; overflow-wrap: anywhere; font-family: inherit; letter-spacing: normal; }
body.page-id-12464 #main .jpm-materials-table thead th { background: #1b82b0; color: #fff; font-weight: 600; }
body.page-id-12464 #main .jpm-materials-table thead th:first-child { width: 64px; }
body.page-id-12464 #main .jpm-materials-table tbody tr { border-bottom: 1px solid #dfe7ec; }
body.page-id-12464 #main .jpm-materials-table tbody th { font-weight: 500; background: #f5f8fa; color: inherit; }
body.page-id-12464 #main .jpm-materials-table[data-columns="3"] thead th:nth-child(2) { width: 28%; }
body.page-id-12464 #main .jpm-materials-table-0 thead th:nth-child(2) { width: 25%; }
body.page-id-12464 #main .jpm-materials-table-0 thead th:nth-child(3) { width: 12%; }
body.page-id-12464 #main .jpm-materials-table-6 thead th:nth-child(2),
body.page-id-12464 #main .jpm-materials-table-6 thead th:nth-child(3),
body.page-id-12464 #main .jpm-materials-table-6 thead th:nth-child(4) { width: 17%; }
body.page-id-12464 #main .jpm-materials-table-7 thead th:nth-child(2) { width: 16%; }
body.page-id-12464 #main .jpm-materials-table-7 thead th:nth-child(3) { width: 38%; }
body.page-id-12464 #main .jpm-materials-table-7 thead th:nth-child(4) { width: 16%; }
body.page-id-12464 #main .jpm-materials-table a { text-decoration: underline; text-underline-offset: 3px; }
body.page-id-12464 #main .jpm-materials-sheet,
body.page-id-12464 #main .jpm-materials-download { display: flex; align-items: center; gap: 14px; min-width: 0; }
body.page-id-12464 #main .jpm-materials-sheet img,
body.page-id-12464 #main .jpm-materials-download img { display: block; flex: 0 0 36px; width: 36px !important; height: 36px !important; margin: 0; float: none; }
body.page-id-12464 #main .jpm-materials-sheet span,
body.page-id-12464 #main .jpm-materials-download span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
body.page-id-12464 #main .jpm-materials-downloads { margin: 26px 0 36px; }
body.page-id-12464 #main .jpm-materials-downloads h3 { margin: 0 0 16px; font-size: 22px; line-height: 1.4; }
body.page-id-12464 #main .jpm-materials-download-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body.page-id-12464 #main a.jpm-materials-download { min-height: 92px; padding: 18px; border: 1px solid #dfe7ec; border-radius: 4px; background: #f6f9fb; color: #19658c; box-sizing: border-box; line-height: 1.55; }
body.page-id-12464 #main a.jpm-materials-download:hover,
body.page-id-12464 #main a.jpm-materials-download:focus-visible { background: #edf6fb; border-color: #1b82b0; outline-offset: 3px; }
@media (max-width: 767px) {
  body.page-id-12464 #main .fusion-title { margin-top: 26px !important; margin-bottom: 16px !important; }
  body.page-id-12464 #main .jpm-materials-table { font-size: 15px; }
  body.page-id-12464 #main .jpm-materials-table th,
  body.page-id-12464 #main .jpm-materials-table td { padding: 12px; }
  body.page-id-12464 #main .jpm-materials-table thead th:first-child { width: 52px; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) { display: block; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) tbody { display: grid; gap: 14px; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) tbody tr { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 12px; padding: 16px; width: 100%; border: 1px solid #dfe7ec; border-radius: 4px; box-sizing: border-box; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) tbody th,
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) tbody td { grid-column: 2; padding: 0; border: 0; background: transparent; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) tbody .jpm-materials-number { grid-column: 1; grid-row: 1; color: #1b82b0; font-weight: 600; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) [data-label]::before { content: attr(data-label); display: block; margin-bottom: 3px; color: #65717c; font-weight: 400; font-size: 12px; line-height: 1.4; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) .jpm-materials-name { font-size: 16px; font-weight: 600; }
  body.page-id-12464 #main .jpm-materials-table:not([data-columns="2"]) .jpm-materials-empty { display: none; }
  body.page-id-12464 #main .jpm-materials-sheet { align-items: flex-start; gap: 10px; }
  body.page-id-12464 #main .jpm-materials-sheet img { flex-basis: 28px; width: 28px !important; height: 28px !important; }
  body.page-id-12464 #main .jpm-materials-download-grid { grid-template-columns: minmax(0,1fr); }
  body.page-id-12464 #main .reading-box { display: flex; flex-direction: column; gap: 14px; }
  body.page-id-12464 #main .reading-box h2 { order: 1; margin: 0 !important; font-size: 22px !important; line-height: 1.4 !important; }
  body.page-id-12464 #main .reading-box-description { order: 2; margin: 0 !important; }
  body.page-id-12464 #main .reading-box .fusion-desktop-button { display: none !important; }
  body.page-id-12464 #main .reading-box .fusion-mobile-button { display: inline-flex !important; align-self: flex-start; order: 3; width: auto; float: none !important; margin: 0 !important; max-width: 100%; }
  body.page-id-12464 #main .reading-box .fusion-clearfix { display: none; }
}
@media (max-width: 1024px) {
  body.page-id-12464 #main .cool-process .responsive {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.page-id-12464 #main .cool-process .responsive > li {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #e2e9ed;
    border-radius: 4px;
    text-align: left;
    box-sizing: border-box;
  }
  body.page-id-12464 #main .cool-process .cool-process-steps::before,
  body.page-id-12464 #main .cool-process .cool-process-steps::after,
  body.page-id-12464 #main .cool-process .responsive > li::before,
  body.page-id-12464 #main .cool-process .responsive > li::after,
  body.page-id-12464 #main .cool-process .cool-process-icon::before,
  body.page-id-12464 #main .cool-process .cool-process-icon::after { display: none !important; }
  body.page-id-12464 #main .cool-process .cool-process-icon {
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    line-height: 56px !important;
    float: none !important;
  }
  body.page-id-12464 #main .cool-process .cool-process-icon i {
    font-size: 26px !important;
    line-height: 56px !important;
  }
  body.page-id-12464 #main .cool-process .cool-process-detail { width: auto !important; margin: 0 !important; text-align: left !important; }
  body.page-id-12464 #main .cool-process .cool-process-detail h2 { margin: 0 0 8px; font-size: 16px !important; line-height: 1.4 !important; }
  body.page-id-12464 #main .cool-process .process-description { margin: 0; font-size: 14px; line-height: 1.65; text-align: left !important; }
  body.page-id-12464 #main .cool-process .process-description p { margin: 0; text-align: left !important; }
}
@media (max-width: 767px) {
  body.page-id-12464 #main .cool-process .responsive { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
  body.page-id-12464 #main img.alignleft { display: block; float: none !important; margin: 0 0 20px !important; }
}

/* Remove legacy horizontal connectors when service steps become cards. */
@media (max-width: 1024px) {
  body.page-id-12464 #main .cool-process-steps ul::before,
  body.page-id-12464 #main .cool-process-steps ul::after { display: none !important; content: none !important; }
}
body.page-id-12464 #main .fusion-title:has(img) .title-sep-container { display: none; }