.cmp-matrix-panel,
.cmp-matrix-panel * { box-sizing: border-box; }
.cmp-matrix-panel { margin: 32px 0 28px; padding: 25px clamp(14px, 3vw, 30px) 22px; color: #263d32; background: #f1f2e8; border: 1px solid #d5ddc9; border-radius: 6px; box-shadow: 0 10px 30px rgba(37, 60, 43, .055); }
.cmp-matrix-panel[hidden] { display: none !important; }
.cmp-matrix-panel .cmp-matrix-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid #d5ddc9; }
.cmp-matrix-panel .cmp-matrix-panel-heading .eyebrow { margin: 0 0 6px; color: #7c8b72; }
.cmp-matrix-panel h2#cmp-matrix-heading { margin: 0; color: #203f33; font: normal clamp(27px, 4vw, 38px)/1.08 Georgia, serif; letter-spacing: -.035em; }
.cmp-matrix-panel [data-cmp-matrix-summary] { max-width: 720px; margin: 10px 0 0; color: #62715d; font-size: 13px; line-height: 1.65; }
.cmp-matrix-panel [data-cmp-close-matrix] { flex: 0 0 auto; min-height: 44px; padding: 9px 13px; border: 1px solid #b9c6af; border-radius: 3px; background: #fffef9; color: #405940; font: 12px Georgia, serif; cursor: pointer; }
.cmp-matrix-panel [data-cmp-close-matrix]:hover { background: #e8eddf; }
.cmp-matrix-panel .cmp-matrix-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 1px 12px; }
.cmp-matrix-panel .cmp-matrix-controls label { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: #3d563f; font: 13px Georgia, serif; cursor: pointer; }
.cmp-matrix-panel .cmp-matrix-controls input { width: 18px; height: 18px; accent-color: #496849; }
.cmp-matrix-panel .cmp-matrix-controls p { max-width: 680px; margin: 0; color: #697663; font-size: 12px; line-height: 1.55; text-align: right; }
.cmp-matrix-panel .cmp-matrix-scroll { max-width: 100%; max-height: min(72svh, 720px); overflow: auto; overscroll-behavior: contain; border: 1px solid #cfd8c6; border-radius: 4px; background: #fffefa; scrollbar-color: #9eae94 #edf0e6; scrollbar-width: thin; }
.cmp-matrix-panel .cmp-matrix-scroll:focus-visible { outline: 3px solid #809575; outline-offset: 3px; }
.cmp-matrix-panel .cmp-matrix-table,
.cmp-matrix-panel .cmp-matrix-table thead,
.cmp-matrix-panel .cmp-matrix-table tbody,
.cmp-matrix-panel .cmp-matrix-table tr,
.cmp-matrix-panel .cmp-matrix-table th,
.cmp-matrix-panel .cmp-matrix-table td,
.cmp-matrix-panel template table,
.cmp-matrix-panel template table thead,
.cmp-matrix-panel template table tbody,
.cmp-matrix-panel template table tr,
.cmp-matrix-panel template table th,
.cmp-matrix-panel template table td { display: revert !important; }
.cmp-matrix-panel .cmp-matrix-table { width: 100% !important; min-width: 590px; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; color: #263d32; font: inherit; }
.cmp-matrix-panel .cmp-matrix-table[data-count="2"] { min-width: 590px; }
.cmp-matrix-panel .cmp-matrix-table[data-count="3"] { min-width: 850px; }
.cmp-matrix-panel .cmp-matrix-table caption { padding: 9px 12px; color: #65735e; background: #f7f7ef; text-align: left; font-size: 11px; line-height: 1.5; caption-side: top; }
.cmp-matrix-panel .cmp-matrix-table th,
.cmp-matrix-panel .cmp-matrix-table td { min-width: 0; padding: 12px; vertical-align: top; border-right: 1px solid #e1e6dc; border-bottom: 1px solid #e1e6dc; background: #fffefa; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.cmp-matrix-panel .cmp-matrix-table tr:last-child > * { border-bottom: 0; }
.cmp-matrix-panel .cmp-matrix-table tr > *:last-child { border-right: 0; }
.cmp-matrix-panel .cmp-matrix-table thead th { position: sticky; z-index: 4; top: 0; height: 88px; padding: 12px; background: #e8ecdf; box-shadow: 0 2px 4px rgba(36, 59, 43, .06); }
.cmp-matrix-panel .cmp-matrix-table thead .cmp-matrix-row-label-head { left: 0; z-index: 6; width: 126px; min-width: 126px; color: #52664e; font: normal 12px Georgia, serif; }
.cmp-matrix-panel .cmp-matrix-table tbody th[scope="row"] { position: sticky; z-index: 3; left: 0; width: 126px; min-width: 126px; color: #465b44; background: #f3f4eb; font: normal 13px/1.4 Georgia, serif; }
.cmp-matrix-panel .cmp-matrix-table thead th[data-cmp-matrix-tool-head] { width: 232px; min-width: 232px; }
.cmp-matrix-panel .cmp-matrix-tool-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; min-height: 42px; }
.cmp-matrix-panel .cmp-matrix-tool-name { display: block; color: #263f32; font: normal 19px/1.15 Georgia, serif; text-decoration: none; }
.cmp-matrix-panel .cmp-matrix-tool-name:hover { text-decoration: underline; text-underline-offset: 3px; }
.cmp-matrix-panel .cmp-matrix-domain { display: block; margin-top: 4px; color: #71806b; font-size: 11px; }
.cmp-matrix-panel .cmp-matrix-tool-heading > .platform-badge { flex: 0 0 auto; max-width: 105px; margin: 0; font-size: 9px; line-height: 1.35; white-space: normal; text-align: center; }
.cmp-matrix-panel .cmp-matrix-remove { display: inline-flex; align-items: center; justify-content: center; min-width: 74px; min-height: 44px; margin-top: 4px; padding: 7px 10px; border: 1px solid #c9d2c0; border-radius: 3px; background: #fffefa; color: #697660; font: 12px Georgia, serif; cursor: pointer; }
.cmp-matrix-panel .cmp-matrix-remove:hover { border-color: #829576; color: #314a37; }
.cmp-matrix-panel .cmp-matrix-table tbody td { min-width: 232px; }
.cmp-matrix-panel .cmp-matrix-app > .platform-badge { display: inline-flex; margin: 0 0 7px; font-size: 10px; }
.cmp-matrix-panel .cmp-matrix-app > p,
.cmp-matrix-panel .cmp-matrix-pricing > p { margin: 4px 0 8px; color: #586b53; font-size: 12px; line-height: 1.55; }
.cmp-matrix-panel .cmp-matrix-platforms { display: flex; flex-wrap: wrap; gap: 5px; }
.cmp-matrix-panel .cmp-matrix-platforms span { padding: 3px 7px; border: 1px solid #d5ddcd; border-radius: 99px; color: #476045; background: #f1f4ec; font-size: 10px; }
.cmp-matrix-panel .cmp-matrix-pricing time,
.cmp-matrix-panel .cmp-matrix-unconfirmed { display: block; margin: 5px 0; color: #71806b; font-size: 11px; line-height: 1.5; }
.cmp-matrix-panel .cmp-matrix-offer { min-width: 0; padding: 9px 0 10px; border-top: 1px solid #e7eae1; }
.cmp-matrix-panel .cmp-matrix-offer:first-child { padding-top: 0; border-top: 0; }
.cmp-matrix-panel .cmp-matrix-offer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; }
.cmp-matrix-panel .cmp-matrix-module { color: #405940; font: normal 14px/1.4 Georgia, serif; }
.cmp-matrix-panel .cmp-matrix-status { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 23px; padding: 3px 7px; border: 1px solid #d0d9c7; border-radius: 99px; color: #47643b; background: #eaf1df; font: 600 10px/1.25 Georgia, serif; }
.cmp-matrix-panel .cmp-matrix-status-included { border-color: #c1d5c9; color: #315b48; background: #e6efea; }
.cmp-matrix-panel .cmp-matrix-status-separate { border-color: #ded2ad; color: #765f2a; background: #f3eedf; }
.cmp-matrix-panel .cmp-matrix-status-unknown { border-color: #deddd2; border-style: dashed; color: #74776b; background: #f4f2ea; }
.cmp-matrix-panel .cmp-matrix-price { display: block; margin-top: 6px; color: #293e31; font-size: 14px; line-height: 1.5; font-weight: 650; }
.cmp-matrix-panel .cmp-matrix-billing { display: block; margin-top: 2px; color: #71806b; font-size: 12px; line-height: 1.5; }
.cmp-matrix-panel .cmp-matrix-offer-links { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 8px; margin-top: 2px; }
.cmp-matrix-panel .cmp-matrix-source,
.cmp-matrix-panel .cmp-matrix-source-missing { display: inline-flex; align-items: center; min-height: 44px; color: #526b4b; font-size: 11px; line-height: 1.4; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.cmp-matrix-panel .cmp-matrix-source-missing { color: #788371; text-decoration: none; }
.cmp-matrix-panel .cmp-matrix-scope { flex: 1 0 100%; color: #66745f; font-size: 12px; }
.cmp-matrix-panel .cmp-matrix-scope summary { display: inline-flex; align-items: center; min-height: 44px; color: #64755b; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.cmp-matrix-panel .cmp-matrix-scope p { margin: 0 0 6px; color: #66745f; font-size: 12px; line-height: 1.65; }
.cmp-matrix-panel [data-cmp-matrix-same] { margin: 12px 0 0; color: #66745f; font-size: 12px; line-height: 1.6; }
.cmp-matrix-panel [data-cmp-matrix-same][hidden] { display: none !important; }

@media (max-width: 620px) {
  .cmp-matrix-panel { margin: 23px -3px 24px; padding: 17px 12px 16px; border-radius: 4px; }
  .cmp-matrix-panel .cmp-matrix-panel-heading { gap: 10px; padding-bottom: 14px; }
  .cmp-matrix-panel h2#cmp-matrix-heading { font-size: 28px; }
  .cmp-matrix-panel [data-cmp-matrix-summary] { font-size: 12px; }
  .cmp-matrix-panel [data-cmp-close-matrix] { max-width: 145px; padding: 7px 9px; font-size: 11px; }
  .cmp-matrix-panel .cmp-matrix-controls { display: block; padding: 8px 0 10px; }
  .cmp-matrix-panel .cmp-matrix-controls label { min-height: 44px; font-size: 13px; }
  .cmp-matrix-panel .cmp-matrix-controls p { text-align: left; font-size: 12px; }
  .cmp-matrix-panel .cmp-matrix-scroll { max-height: 72svh; border-radius: 3px; }
  .cmp-matrix-panel .cmp-matrix-table { min-width: 650px; }
  .cmp-matrix-panel .cmp-matrix-table[data-count="2"] { min-width: 650px; }
  .cmp-matrix-panel .cmp-matrix-table[data-count="3"] { min-width: 930px; }
  .cmp-matrix-panel .cmp-matrix-table thead th { height: 97px; padding: 9px; }
  .cmp-matrix-panel .cmp-matrix-table thead .cmp-matrix-row-label-head,
  .cmp-matrix-panel .cmp-matrix-table tbody th[scope="row"] { width: 98px; min-width: 98px; padding: 9px 8px; font-size: 12px; }
  .cmp-matrix-panel .cmp-matrix-table thead th[data-cmp-matrix-tool-head] { width: 276px; min-width: 276px; }
  .cmp-matrix-panel .cmp-matrix-table tbody td { min-width: 276px; padding: 10px; }
  .cmp-matrix-panel .cmp-matrix-tool-name { font-size: 18px; }
  .cmp-matrix-panel .cmp-matrix-tool-heading > .platform-badge { max-width: 94px; font-size: 9px; }
  .cmp-matrix-panel .cmp-matrix-module { font-size: 14px; }
  .cmp-matrix-panel .cmp-matrix-price { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .cmp-matrix-panel *, .cmp-matrix-panel *::before, .cmp-matrix-panel *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media(max-width:620px){
.cmp-matrix-panel .cmp-matrix-table[data-count="2"]{min-width:516px}
.cmp-matrix-panel .cmp-matrix-table[data-count="3"]{min-width:736px}
.cmp-matrix-panel .cmp-matrix-table thead .cmp-matrix-row-label-head,.cmp-matrix-panel .cmp-matrix-table tbody th[scope="row"]{width:76px;min-width:76px;padding:9px 6px}
.cmp-matrix-panel .cmp-matrix-table thead th[data-cmp-matrix-tool-head],.cmp-matrix-panel .cmp-matrix-table tbody td{width:220px;min-width:220px}
.cmp-matrix-panel .cmp-matrix-tool-heading,.cmp-matrix-panel .cmp-matrix-offer-top{display:block}
.cmp-matrix-panel .cmp-matrix-tool-heading>.platform-badge{margin-top:7px}
.cmp-matrix-panel .cmp-matrix-status{margin-top:6px}
}
.cmp-matrix-panel .cmp-matrix-table tbody td::before{content:none!important;display:none!important}