/* verify.html — page-specific only. Shared system lives in /styles.css */
.back:hover{color:var(--ink);gap:13px}
.matrix-wrap{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:start;margin-top:26px}
.matrix-legend{display:flex;flex-direction:column;gap:12px;min-width:190px}
.matrix-legend .lg{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11px;
    letter-spacing:.08em;color:var(--muted)}
.matrix-legend .sw{width:13px;height:13px;border-radius:2px;flex:none}
.matrix-legend .note{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--faint);
    line-height:1.7;margin-top:6px}
.mtx{display:grid;grid-template-columns:auto repeat(5,1fr);gap:5px}
.mtx .axis-y{grid-row:1/6;grid-column:1;writing-mode:vertical-rl;transform:rotate(180deg);
    font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
    display:flex;align-items:center;justify-content:center}
.mtx .cell{aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;
    font-family:var(--mono);font-size:10px;min-height:44px;transition:transform .2s,box-shadow .2s}
.mtx .cell.low{background:#5f7d4a}
.mtx .cell.mod{background:#a99a3c}
.mtx .cell.high{background:#c07a3a}
.mtx .cell.sev{background:#c0553f}
.mtx .cell .haz{font-family:var(--mono);font-size:11px;font-weight:500;color:#0a0c05;
    background:rgba(255,255,255,.92);border-radius:3px;padding:2px 5px;letter-spacing:.02em;line-height:1;
    box-shadow:0 2px 6px rgba(0,0,0,.4)}
.mtx .cell.hot{transform:scale(1.08);box-shadow:0 0 0 2px var(--ink),0 6px 18px rgba(0,0,0,.5);z-index:2}
.mtx .xlab{grid-column:2/7;grid-row:6;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:2px}
.mtx .xlab span{font-family:var(--mono);font-size:10px;color:var(--faint);text-align:center;letter-spacing:.06em}
.mtx .axis-x{grid-column:2/7;grid-row:7;font-family:var(--mono);font-size:10px;letter-spacing:.2em;
    text-transform:uppercase;color:var(--faint);text-align:center;margin-top:8px}
.hazlog{margin-top:26px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}
.hazlog-head{display:grid;grid-template-columns:70px 1fr 96px 96px;gap:16px;padding:14px 22px;
    border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.015);
    font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
details.haz{border-bottom:1px solid var(--line-soft)}
details.haz:last-child{border-bottom:none}
details.haz > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:70px 1fr 96px 96px;gap:16px;
    align-items:center;padding:18px 22px;transition:background .2s}
details.haz > summary::-webkit-details-marker{display:none}
details.haz > summary:hover{background:rgba(255,255,255,.02)}
details.haz[open] > summary{background:rgba(168,180,76,.05)}
.haz .hid{font-family:var(--mono);font-size:12px;color:var(--accent-ink);letter-spacing:.08em}
.haz .htitle{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.haz .htitle .hc{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);
    text-transform:uppercase;margin-top:4px;font-weight:400}
.score{font-family:var(--mono);font-size:11px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:7px;
    padding:5px 9px;border-radius:3px;white-space:nowrap}
.score .dot{width:8px;height:8px;border-radius:2px;flex:none}
.score.low{background:rgba(127,191,138,.13);color:#9ed4a6}
.score.low .dot{background:var(--ok)}
.score.mod{background:rgba(201,178,76,.14);color:#d8c25f}
.score.mod .dot{background:var(--mod)}
.score.high{background:rgba(224,149,78,.14);color:#e6a869}
.score.high .dot{background:var(--high)}
.score.sev{background:rgba(229,87,63,.14);color:var(--sev)}
.score.sev .dot{background:#e0553f}
.haz-detail{padding:6px 22px 26px;display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}
.haz-detail .fld{}
.haz-detail .fld.full{grid-column:1/-1}
.haz-detail .fk{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
    margin-bottom:8px}
.haz-detail .fv{font-size:14px;color:var(--muted);line-height:1.62}
.haz-detail ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.haz-detail li{font-size:13.5px;color:var(--ink);line-height:1.5;position:relative;padding-left:17px}
.haz-detail li b{font-weight:500;color:#fff}
.haz-detail li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;transform:rotate(45deg);background:var(--accent)}
.haz-detail .arrow{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.haz-detail .arrow .ar{color:var(--faint);font-family:var(--mono)}
.haz-owner{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--faint);margin-top:2px}
.gov-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);
    border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;margin-top:24px}
.gov{background:var(--panel);padding:24px 26px}
.gov .gi{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}
.gov h3{font-size:16px;font-weight:500;letter-spacing:-.02em;margin-top:13px;color:var(--ink)}
.gov p{color:var(--muted);font-size:13.5px;line-height:1.62;margin-top:10px;max-width:none}
.foot-links a:hover{color:var(--accent-ink)}
@media(max-width:720px){
  .cols2,.haz-detail,.gov-grid{grid-template-columns:1fr}
  .matrix-wrap{grid-template-columns:1fr}
  .hazlog-head{display:none}
  details.haz > summary{grid-template-columns:46px auto auto 1fr;
      grid-template-areas:"id title title title" "id initial residual .";row-gap:11px;column-gap:10px;align-items:center}
  .haz .hid{grid-area:id;align-self:start;padding-top:2px}
  .haz .htitle{grid-area:title}
  details.haz > summary .score.initial{grid-area:initial;justify-self:start}
  details.haz > summary .score.residual{grid-area:residual;justify-self:start;margin-left:0}
}
#vStatus.ok{color:var(--ok)}
#vStatus.warn{color:var(--mod)}
pre.spec{margin-top:20px;background:#0B0D0F;border:1px solid var(--line);border-radius:8px;
    padding:18px 20px;overflow-x:auto}
pre.spec code{font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--muted);white-space:pre}
.card pre.spec{margin-top:14px;background:#000}
.keybox,.anchorbox{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.keypend{border:1px dashed var(--line);border-radius:8px;padding:18px 20px;color:var(--faint);
    font-size:13.5px;line-height:1.6}
.keycard{border:1px solid var(--accent-line);border-radius:8px;padding:16px 18px;background:var(--accent-soft)}
.keycard.retired{border-color:var(--line);background:var(--panel);opacity:.72}
.krow{display:flex;align-items:baseline;gap:12px}
.kid{font-family:var(--mono);font-size:13px;color:var(--ink);letter-spacing:.04em}
.kstate{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}
.keycard.retired .kstate{color:var(--faint)}
.kmeta{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:5px;letter-spacing:.06em}
.kval{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:11px;word-break:break-all;
    line-height:1.6;user-select:all}
.astate{border:1px solid var(--line);border-radius:8px;padding:16px 18px;font-size:13.5px;line-height:1.65;color:var(--muted)}
.astate.ok{border-color:var(--ok-line)}
.astate.warn{border-color:rgba(201,178,76,.45);background:rgba(201,178,76,.06)}
.astate b{color:var(--ink);font-weight:500}
.adigest{font-family:var(--mono);font-size:11.5px;color:var(--accent-ink);margin-top:10px;word-break:break-all;user-select:all}
.anote{font-size:12.5px;color:var(--faint);margin-top:9px}
.cmd{-webkit-overflow-scrolling:touch}