/* Page-specific layout is supplied by bl-components.css. */
.products-table-wrap { margin-top: var(--s3); }
.products-actions { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s5); }
.bl-compare { table-layout: fixed; }
.bl-compare caption { padding: 0 0 var(--s3); color: var(--slate); font-size: var(--fs-small); font-weight: 700; text-align: left; }
.bl-compare th:first-child { width: 22%; }
.bl-compare td { color: var(--ink); }
.bl-compare td p { margin: var(--s2) 0 0; color: var(--slate); font-size: var(--fs-small); line-height: 1.4; }
.bl-compare .bl-btn { white-space: nowrap; }
.products-compare th:first-child { width: 24%; }
.products-compare th, .products-compare td { overflow-wrap: anywhere; }
.products-stat-line { display: flex; flex-direction: column; gap: var(--s2); width: 100%; }
.products-stat-line span { display: block; height: 10px; border-radius: var(--radius-sm); background: var(--tag); }
.products-stat-line span:first-child { width: 33%; background: var(--debit); }
.problem-stats .bl-stat { min-width: 0; }
.problem-stats .bl-stat__viz { width: 100%; min-width: 0; }
.problem-stats .bl-waffle { width: min(100%, 300px); align-self: flex-start; grid-template-columns: repeat(20, minmax(0, 1fr)); }
.products-page .problem-stats .bl-stat__viz { height: clamp(80px, 9vw, 112px); }

@media (max-width: 720px) {
  .products-page .problem-stats { grid-template-columns: 1fr; }
  .products-page .problem-stats .bl-stat__viz { min-height: 64px; height: auto; }
  .products-page .bl-waffle { grid-template-columns: repeat(20, minmax(0, 1fr)); width: 100%; }
  .bl-compare { min-width: 640px; font-size: var(--fs-micro); }
  .bl-compare th, .bl-compare td { padding: var(--s3) var(--s2); }
  .products-compare th:first-child { width: 26%; }
  .bl-compare td p { font-size: var(--fs-micro); }
  .bl-compare .bl-pill { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; box-sizing: border-box; }
  .bl-compare .bl-btn { width: 100%; padding-inline: var(--s2); white-space: normal; }
}


/* Transparency Product capability list and illustrative record */
.transparency-overview__head { max-width: 78ch; }
.transparency-overview__layout { display: grid; gap: var(--s6); align-items: start; margin-top: var(--s6); }
.transparency-feature-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.transparency-feature { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--s4); align-items: start; padding: var(--s4) 0; border-bottom: 1px solid var(--line); }
.transparency-feature:first-child { padding-top: 0; }
.transparency-feature .bl-icon-tile { width: 44px; height: 44px; }
.transparency-feature h3 { margin: 0 0 var(--s2); color: var(--ink); font-size: var(--fs-h3); line-height: 1.2; }
.transparency-feature p { max-width: 58ch; margin: 0; color: var(--slate); line-height: 1.55; }
.transparency-record { position: relative; overflow: hidden; padding: clamp(var(--s5), 4vw, var(--s7)); border: 1px solid var(--line); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-float); }
.transparency-record::before { position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--signal); content: ""; }
.transparency-record__top { display: flex; justify-content: space-between; align-items: center; gap: var(--s3); }
.transparency-record__tag { padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--slate); font-size: var(--fs-micro); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.transparency-record h3 { margin: var(--s4) 0 var(--s5); color: var(--ink); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.2; }
.transparency-record__item { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: var(--s3); align-items: center; padding: var(--s4); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface-raised); }
.transparency-record__symbol { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radius); background: var(--info); color: var(--ink); }
.transparency-record__symbol .bl-icon, .transparency-record__access > .bl-icon { width: 22px; height: 22px; }
.transparency-record__item div, .transparency-record__access span { display: grid; gap: 4px; }
.transparency-record__item strong, .transparency-record__access strong { color: var(--ink); }
.transparency-record__item span:not(.transparency-record__symbol), .transparency-record__access small { color: var(--slate); font-size: var(--fs-small); line-height: 1.4; }
.transparency-record__connector { height: 28px; margin-left: 35px; border-left: 2px solid var(--blue); }
.transparency-record__access { display: flex; gap: var(--s3); align-items: flex-start; margin-top: var(--s4); padding: var(--s4); border: 1px solid var(--info-line); border-radius: var(--radius-lg); background: var(--info); color: var(--ink); }
.transparency-record__note { margin: var(--s4) 0 0; color: var(--slate); font-size: var(--fs-micro); line-height: 1.5; }
@media (min-width: 980px) { .transparency-overview__layout { grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); gap: clamp(var(--s6), 5vw, var(--s8)); } .transparency-record { position: sticky; top: var(--s5); } }
@media (max-width: 540px) { .transparency-feature { grid-template-columns: 38px minmax(0, 1fr); gap: var(--s3); } .transparency-feature .bl-icon-tile { width: 38px; height: 38px; } .transparency-record__top { align-items: flex-start; flex-direction: column; } }

/* Transparency Product capability list and community audiences */
.transparency-feature .bl-icon-tile { background: var(--info); color: var(--ink); }
.transparency-feature .bl-icon { display: block; width: 22px; height: 22px; stroke: currentColor; }
.transparency-record__symbol .bl-icon, .transparency-record__access > .bl-icon { display: block; width: 22px; height: 22px; stroke: currentColor; }
.transparency-audiences { margin-top: clamp(var(--s6), 6vw, var(--s8)); padding-top: var(--s6); border-top: 1px solid var(--line); }
.transparency-audiences > h3 { max-width: 24ch; margin: 0 0 var(--s5); color: var(--ink); font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.15; }
.transparency-audiences__grid { display: grid; gap: var(--s3); }
.transparency-audience { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: var(--s3); align-items: start; padding: var(--s4); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.transparency-audience__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--info); color: var(--ink); }
.transparency-audience__icon .bl-icon { width: 20px; height: 20px; stroke: currentColor; }
.transparency-audience h4 { margin: 0 0 var(--s1); color: var(--ink); font-size: var(--fs-h3); }
.transparency-audience p { margin: 0; color: var(--slate); line-height: 1.5; }
.transparency-audiences__note { margin: var(--s4) 0 0; color: var(--slate); font-size: var(--fs-small); }
@media (min-width: 760px) { .transparency-audiences__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }