/* ATTEST: the line seal (attest.js, lineseal.js). The seal against a file,
   the lines found to show, and the lines checked. The rest of the page's
   styles are in attest.html. */
.at-seal { font:var(--text-2xs) var(--font-mono); color:var(--ink-soft); word-break:break-all; margin-top:2px; }
.at-seal b { font:600 var(--text-2xs) var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-right:6px; display:inline; }
.at-lines { margin:14px 0 0; border:1px solid var(--rule); border-radius:var(--radius-md); background:var(--paper-inset); max-height:50vh; overflow:auto; }
.at-line { display:grid; grid-template-columns:auto 5.5em minmax(0,1fr); gap:10px; align-items:start; padding:6px 12px; border-bottom:1px solid var(--rule); margin:0; }
.at-line:last-child { border-bottom:none; }
.at-lines label.at-line { min-height:44px; display:grid; align-items:center; }
.at-line input { margin:0 !important; }
.at-ln { font:var(--text-2xs) var(--font-mono); color:var(--ink-faint); text-align:right; font-variant-numeric:tabular-nums; }
.at-lt { font:var(--text-2xs)/1.5 var(--font-mono); color:var(--ink); white-space:pre-wrap; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.at-verdict { font-size:var(--text-xs); margin:14px 0 0; padding:10px 14px; border:1px solid var(--rule); border-left:3px solid var(--rule-strong); border-radius:var(--radius-md); background:var(--paper-inset); }
.at-verdict.is-good { border-left-color:var(--good); }
.at-verdict.is-bad { border-left-color:var(--danger); }
.at-verdict code { font:var(--text-2xs) var(--font-mono); word-break:break-all; }
.at-mark { font:600 var(--text-2xs) var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.at-mark.is-good { color:var(--good); }
.at-mark.is-bad { color:var(--danger); }
.at-check .at-line { grid-template-columns:5.5em 4.5em minmax(0,1fr); }
@media (max-width:600px) {
  .at-line, .at-check .at-line { grid-template-columns:auto minmax(0,1fr); }
  .at-line .at-lt { grid-column:1 / -1; }
  .at-check .at-ln { text-align:left; }
}