
.benchmark-quality{position:relative;isolation:isolate;grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:24px;border:1px solid #c5aa70;border-radius:4px;background:#f5f8fc;color:#10233d;box-sizing:border-box;width:100%;margin:20px 0 0;overflow:hidden;text-align:left;font:15px/1.6 Arial,sans-serif}
.benchmark-quality::before{content:"B";position:absolute;right:24px;top:50%;transform:translateY(-50%);font:bold 180px/1 Georgia,serif;color:#10233d;opacity:.045;z-index:-1}
.benchmark-quality .bq-seal{flex:0 0 152px;display:block;width:152px;height:152px;color:inherit}
.benchmark-quality .bq-copy{min-width:0;max-width:680px}
.benchmark-quality .bq-copy h2{font:700 20px/1.3 Arial,sans-serif;color:#10233d;margin:0 0 7px}
.benchmark-quality .bq-copy p{font:15px/1.6 Arial,sans-serif;color:#33445b;margin:5px 0}
.benchmark-quality .bq-copy a{color:#145e94;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px;font-weight:700;line-height:1.5}
.benchmark-quality a:focus-visible{outline:3px solid #145e94;outline-offset:4px}
@media(max-width:600px){.benchmark-quality{gap:12px;padding:20px;flex-direction:column;align-items:flex-start}.benchmark-quality .bq-seal{flex-basis:auto;width:144px;height:144px}.benchmark-quality .bq-copy h2{font-size:19px}}

/* Compact classic verification stamp, with readable status alongside it. */
.benchmark-quality{background:#f8f4e9;gap:18px;padding:16px 20px;margin-top:12px}
.benchmark-quality .bq-seal{flex:0 0 96px;width:96px;height:96px}
.benchmark-quality .bq-seal svg{display:block;width:100%;height:100%}
.benchmark-quality .bq-copy h2{font-size:17px;margin-bottom:3px}
.benchmark-quality .bq-copy p{font-size:14px;line-height:1.5}
@media(max-width:600px){.benchmark-quality{flex-direction:row;align-items:center;gap:12px;padding:14px}.benchmark-quality .bq-seal{flex:0 0 80px;width:80px;height:80px}.benchmark-quality .bq-copy h2{font-size:15px}}

/* Stronger, readable classic stamp at its displayed size. */
.benchmark-quality .bq-seal{flex:0 0 128px;width:128px;height:128px}
@media(max-width:600px){.benchmark-quality .bq-seal{flex:0 0 104px;width:104px;height:104px}}

/* A low footer bar spans the grid rather than becoming a tall card. */
.benchmark-quality-row,.demo-footer>div:has(>.benchmark-quality){grid-column:1/-1;width:100%;min-width:0}
.benchmark-quality{gap:24px;padding:10px 20px;width:100%;max-width:none}
.benchmark-quality .bq-copy{max-width:none;flex:1}
.benchmark-quality .bq-copy p{margin:3px 0}
.benchmark-quality .bq-copy a{min-height:32px}
