/* Equipment quality comparison layout. Existing guide styling stays in place. */
.br-quality .q-matrix-scroll{border:1.5px solid var(--q-ink,#29241c);border-radius:11px;box-shadow:3px 3px 0 var(--q-ink,#29241c);margin:12px 3px 5px 0;max-width:calc(100% - 3px);overflow:auto;isolation:isolate;scrollbar-color:#a27b2b #f7ecd3;scrollbar-width:thin}
.br-quality .q-matrix{width:100%;min-width:940px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.45;background:var(--q-panel,#fffdf7)}
.br-quality .q-matrix th,.br-quality .q-matrix td{width:auto;padding:14px 10px;border:0;border-bottom:1px solid #ded3be;border-right:1px solid #e8dfce;vertical-align:middle;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:center;font-variant-numeric:tabular-nums}
.br-quality .q-matrix tr>:first-child{position:sticky;left:0;z-index:1;width:184px;text-align:left;font-size:13px;font-weight:850;background:#fff8e8;box-shadow:1px 0 0 #c5b79d;overflow-wrap:break-word}
.br-quality .q-matrix thead th{height:87px;background:#f7ecd3;font-size:12px;font-weight:850;vertical-align:middle}
.br-quality .q-matrix thead tr>:first-child{z-index:2;background:#fae3a3}
.br-quality .q-matrix thead th:not(:first-child){width:auto}
.br-quality .q-matrix .q-mini-tier{display:inline-flex;min-width:36px;min-height:30px;padding:6px 8px;font-size:14px;box-shadow:1px 1px 0 var(--q-ink,#29241c)}
.br-quality .q-matrix .q-matrix-tier-label{display:block;margin-top:7px;font-size:12px;font-weight:800;line-height:1.2;overflow-wrap:normal}
.br-quality .q-matrix tbody th>span:last-child{display:inline;font-size:inherit;margin:0;font-weight:inherit}
.br-quality .q-matrix tbody td:nth-child(n){font-size:14px;font-weight:750;white-space:nowrap}
.br-quality .q-matrix tbody tr:nth-child(even)>td{background:#fffaf0}
.br-quality .q-matrix tbody tr.q-matrix-vital>td{font-weight:900}
.br-quality .q-matrix tr>:last-child{border-right:0}
.br-quality .q-matrix tbody tr:last-child>*{border-bottom:0}
.br-quality .q-matrix .q-matrix-none{font-weight:500;color:#928671}
.br-quality .q-class-body{max-width:100%;min-width:0}
.br-quality .q-class-index{gap:8px}
.br-quality .q-class-index a{min-height:36px;padding:7px 12px;border:1px solid #c5b79d;border-radius:7px;background:var(--q-panel,#fffdf7);font-size:13px;line-height:1.35}
.br-quality .q-class-index a:hover{background:#fae3a3;text-decoration:none}
.br-quality .q-class-index a:focus-visible{outline-offset:2px}
.br-quality .q-price-strip{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;gap:5px}
.br-quality .q-price-strip>div{min-width:0;padding:10px 2px}
@media(max-width:760px){.br-quality .q-matrix{min-width:850px}.br-quality .q-matrix tr>:first-child{width:150px;font-size:12px}.br-quality .q-matrix th,.br-quality .q-matrix td{padding:12px 8px}.br-quality .q-matrix tbody td:nth-child(n){font-size:13px}.br-quality .q-class>summary{align-items:flex-start}.br-quality .q-class>summary>small{max-width:110px;flex:0 0 auto}.br-quality .q-price-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:400px){.br-quality .q-matrix{min-width:815px}.br-quality .q-matrix tr>:first-child{width:132px}.br-quality .q-class-index a{padding:7px 10px;font-size:12px}}
@media(max-width:360px){body.br-public-site.br-fullsite .br-site-header{gap:3px;padding-inline:8px}body.br-public-site.br-fullsite .br-brand{gap:5px;font-size:22px!important}body.br-public-site.br-fullsite .br-brand-mark,body.br-public-site.br-fullsite .br-brand :is(.br-brand-mark img,img.br-brand-logo){width:28px;height:28px;flex-basis:28px}}

/* Keep sticky property cells opaque above horizontally scrolled tier values. */
body.br-public-site.br-fullsite #browsera-content .br-quality .q-matrix tr>:first-child{background:#fff8e8!important;z-index:2}
body.br-public-site.br-fullsite #browsera-content .br-quality .q-matrix thead tr>:first-child{background:#fae3a3!important;z-index:3}