/* RESOURCE_TABLE_V1 — the table of a resource page: wide component width, one card per row below 720 px, lookup.
   Renderer: components/content/table-block.php (responsive-v1 on a resource surface); script: assets/js/resource-table.js. */
.ej-reader .cms-content-table--resource,
.cms-surface-editorial-body .cms-content-table--resource{box-sizing:border-box;width:min(100%,var(--ej-wide,1100px))!important;max-width:none!important;margin-inline:auto!important}
.cms-content-table--resource .cms-content-table__expand-btn{display:none}
.cms-content-table--resource .cms-content-table__lookup{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;font-weight:650;font-size:15px;color:var(--color-text,#20212a)}
.cms-content-table--resource .cms-content-table__lookup select{min-height:42px;padding:8px 36px 8px 14px;border:1px solid color-mix(in srgb,var(--color-text,#20212a) 18%,transparent);border-radius:12px;color:var(--color-text,#20212a);background:var(--color-bg,#fff);font:inherit;font-weight:600;cursor:pointer}
.cms-content-table--resource tr.is-picked > *{background:color-mix(in srgb,var(--color-accent-2,#f3b44e) 26%,var(--color-bg,#fff))!important;font-weight:700}
@media (max-width:720px){
  .cms-content-table--resource .cms-content-table__expand-btn{display:none}
  .cms-content-table--resource .cms-content-table__shell{box-shadow:none;background:none}
  .cms-content-table--resource .cms-content-table__wrap{overflow:visible}
  .cms-content-table--resource table,.cms-content-table--resource tbody{display:block;width:100%;min-width:0!important}
  .cms-content-table--resource thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cms-content-table--resource tr{display:grid;gap:6px;margin:0 0 10px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--color-text,#20212a) 12%,transparent);border-radius:14px;background:var(--color-bg,#fff)}
  .cms-content-table--resource tr > *{display:flex;justify-content:space-between;gap:12px;padding:0!important;border:0!important;background:none!important;text-align:right;white-space:normal}
  .cms-content-table--resource tr > *::before{content:attr(data-label);flex:0 1 55%;color:var(--color-text-muted,#64748b);font-weight:500;text-align:left}
  .cms-content-table--resource tr > th:first-child{position:static!important;left:auto!important;width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;padding-bottom:8px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--color-text,#20212a) 10%,transparent)!important;font-size:16px}
  .cms-content-table--resource tr > th:first-child::before{font-size:13px}
  .cms-content-table--resource tr.is-highlighted,.cms-content-table--resource tr.is-picked{border-color:var(--color-accent,#14a3a8);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent,#14a3a8) 30%,transparent)}
  .cms-content-table--resource tr.is-picked{background:color-mix(in srgb,var(--color-accent-2,#f3b44e) 18%,var(--color-bg,#fff))}
}
