/* Rule bench (tripline sheet only). Uses the tokens from site.css. Verdicts are always words in a stamp;
   a filled square marks a met condition, an empty one an unmet condition. */
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bench-live code{overflow-wrap:anywhere}
.bl-note{margin:0 0 var(--s-4);font-size:var(--step--1);color:var(--ink-2)}
.bl-in{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--s-3) var(--s-4);margin:0 0 var(--s-4)}
.bl-f{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}
.bl-f label{font:400 var(--step--1)/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.bench-live :is(input,select){font:400 var(--step--1)/1.3 var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:0;padding:.55rem .6rem;min-height:2.75rem;width:100%;min-width:0;box-sizing:border-box}
.bl-presets{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-1) 0 var(--s-5)}
.bl-b{font:400 var(--step--1)/1.2 var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--edge);padding:.5rem .75rem;min-height:2.75rem;cursor:pointer}
.bl-b:hover:not(:disabled){border-color:var(--ink)}
.bl-b:disabled{color:var(--ink-3);cursor:not-allowed;border-style:dotted}
.bl-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin:0 0 var(--s-6)}
.bl-p{border:1px solid var(--edge);background:var(--paper);padding:var(--s-4);min-width:0}
.bl-t{margin:0 0 var(--s-3);font-size:var(--step-0);line-height:1.3}
.bl-t a{font:400 var(--step--1)/1.3 var(--mono);display:block;min-height:24px;box-sizing:border-box;padding-block:3px;overflow-wrap:anywhere}
.bl-conds{list-style:none;margin:0 0 var(--s-3);padding:0;display:grid;gap:var(--s-2)}
.bl-conds li{display:flex;gap:.6em;font-size:var(--step--1);line-height:1.4}
.bl-conds .bx{flex:none;width:.8em;height:.8em;margin-top:.3em;border:1.5px solid var(--ink)}
.bl-conds li[data-on="1"] .bx{background:var(--ink)}
.bl-conds .w{font-weight:600}
.bl-conds code{font-size:.95em}
.bl-c{margin:0 0 var(--s-3);font-size:var(--step--1);line-height:1.4}
.bl-v{margin:0 0 var(--s-2)}
.bl-r{margin:0;font-size:var(--step--1);line-height:1.45}
.bl-rt{margin:0 0 var(--s-2);font-size:var(--step-1)}
.bl-rn{margin:0 0 var(--s-4);font-size:var(--step--1);color:var(--ink-2)}
.bl-pick{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:flex-end;margin:0 0 var(--s-4)}
.bl-pick .bl-f{flex:1 1 16rem}
.bench-live .strip i{cursor:pointer}
.bench-live .strip i.sel{outline:2px solid var(--ink);outline-offset:2px;z-index:1}
.bl-ev{border-left:2px solid var(--edge);padding-left:var(--s-3)}
.bl-ev p{margin:0 0 var(--s-2);font-size:var(--step--1);line-height:1.5}
.bl-ev .stamp{margin-right:var(--s-3)}
.bl-prov{margin:var(--s-5) 0 0;text-transform:none;letter-spacing:0}
.bt th[scope=row]{font-weight:400}
.bt th[scope=row] code{font-weight:600;overflow-wrap:anywhere}
.bt td p{margin:.5em 0 0}
@media (max-width:47.99rem){
  .bl-in,.bl-out{grid-template-columns:minmax(0,1fr)}
}