/* Transparency report · page styles on top of /assets/site.css */
section.row > .label, section.row > .body { min-width: 0; }
.tr-asof { font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--label); margin: -8px 0 40px; }
.tr-pill { display: inline-block; font-size: 9.5px; letter-spacing: 0.18em; font-weight: 600; padding: 1px 6px; border: 1px solid currentColor; white-space: nowrap; text-transform: uppercase; }
.tr-pill.ok { color: var(--ok, #6bb56b); }
.tr-pill.bad { color: var(--danger, #e05a4a); }
.tr-pill.warn { color: var(--watch, #e3b56b); }
.tr-pill.muted { color: var(--label); }
.tr-hash { font-family: var(--font-code, var(--mono)); font-size: 11.5px; color: var(--dim); word-break: break-all; }
.tr-meta { font-size: 11.5px; color: var(--dim); }
.tr-num { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
table.spec td.tr-num, table.spec th.tr-num { text-align: right; }
.tr-steps { counter-reset: s; list-style: none; padding: 0; margin: 10px 0 0; }
.tr-steps li { counter-increment: s; padding: 6px 0 6px 30px; position: relative; border-top: 1px dotted var(--rule); }
/* .body ol so these beat the site's round list dot (.body li::before), which otherwise hides the numbers */
.body ol.tr-steps li::before { content: counter(s); position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border: 1px solid var(--line-strong); border-radius: 50%; background: none; opacity: 1; font-size: 11px; font-variant-numeric: tabular-nums; text-align: center; line-height: 18px; color: var(--ink-2); }
.tr-steps pre { margin-top: 6px; }
.body ul.tr-never li::before { content: "×"; width: auto; height: auto; top: 5px; left: 3px; border-radius: 0; background: none; opacity: 1; color: var(--danger); font-weight: 400; line-height: inherit; }
.tr-contacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: 8px; }
@media (max-width: 720px) { .tr-contacts { grid-template-columns: 1fr; } }
.tr-contacts > div { background: var(--surface); padding: 14px 16px; }
.tr-contacts .k { font-size: 9.5px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--label); margin-bottom: 4px; }
.tr-contacts .d { font-size: 12px; color: var(--dim); margin-top: 4px; line-height: 1.55; }
.tr-err { color: var(--danger, #e05a4a); }
.tr-ok { color: var(--ok, #6bb56b); }
.tr-out { margin-top: 12px; font-size: 12.5px; }
.tr-out:empty { display: none; }
.tr-out .box { border: 1px solid var(--rule-strong); border-left: 3px solid var(--rule-strong); background: var(--surface); padding: 12px 16px; margin-bottom: 10px; }
.tr-out .box.ok { border-left-color: var(--green); }
.tr-out .box.bad { border-left-color: var(--warning); }
.tr-out .box.run { border-left-color: var(--gold); }
.tr-out .big { font-size: 15px; letter-spacing: 0.08em; margin-bottom: 4px; }
.tr-out .box.ok .big { color: var(--ok, #6bb56b); }
.tr-out .box.bad .big { color: var(--danger, #e05a4a); }
.tr-out ul { margin-top: 6px; }
.tr-out li { font-size: 12px; }
.tr-bar { height: 6px; background: var(--surface-3); margin-top: 8px; position: relative; }
.tr-bar i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--gold); }
.btn[disabled] { opacity: 0.5; cursor: wait; }