/* /proof/: check a file or link against the Bitcoin-timestamped record. Uses the site's brand tokens (styles.css).
   No red here: the plumb line is already the one red element on the page. */
.proof-lede{margin-top:22px; color:var(--smoke); max-width:58ch}
.proof-count{margin-top:14px}

.verify{margin:0}
.drop{position:relative; display:grid; place-items:center; align-content:center; gap:10px; min-height:210px; padding:32px 24px;
  border:1px dashed var(--smoke); background:var(--char); text-align:center; cursor:pointer; transition:border-color .2s, background .2s}
.drop.over, .drop:hover, .drop:focus-within{border-color:var(--bone)}
.drop.over{background:#26231f}
.drop input{position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer}
.drop-title{font:700 clamp(26px, 3vw, 40px)/1.05 var(--display)}
.drop-sub{color:var(--smoke); font-size:14px; max-width:46ch}

.verify-link{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}
.verify-link input{flex:1 1 20em; min-width:0; min-height:46px; padding:0 14px; background:var(--ash); border:1px solid var(--iron);
  color:var(--bone); font:400 14px/1 var(--mono)}
.verify-link input::placeholder{color:var(--smoke)}
.verify-link input:focus-visible{outline:1px solid var(--bone); outline-offset:2px}

.verdict:empty{display:none}
.verdict{margin-top:24px; padding:clamp(20px, 3vw, 32px); border:1px solid var(--iron); background:var(--char)}
.verdict.ok{border-color:var(--bone)}
.verdict-head{margin:0 0 14px; max-width:none; font:700 clamp(24px, 2.6vw, 34px)/1.12 var(--display)}
.verdict-head span{margin-right:.35em}
.verdict p + p{margin-top:12px}
.verdict-note{color:var(--smoke)}
.verdict-hash{font-size:12px; color:var(--smoke); overflow-wrap:anywhere}
.verdict a{text-underline-offset:3px}
.verdict-card{display:flex; gap:16px; align-items:center; margin:16px 0; padding:12px; border:1px solid var(--iron); text-decoration:none; max-width:560px}
.verdict-card img{width:96px; height:96px; object-fit:cover; flex:none}
.verdict-card:hover{border-color:var(--bone)}

.proof-steps{margin:0; padding:0; list-style:none; counter-reset:step; display:grid; grid-template-columns:repeat(3, 1fr); gap:0; border-top:1px solid var(--iron)}
.proof-steps li{counter-increment:step; padding:24px 24px 24px 0; border-bottom:1px solid var(--iron); font-size:14px; color:var(--bone)}
.proof-steps li + li{padding-left:24px; border-left:1px solid var(--iron)}
.proof-steps li::before{content:"0" counter(step); display:block; margin-bottom:10px; font:500 12px/1 var(--mono); letter-spacing:var(--track); color:var(--smoke)}
.proof-steps b{display:block; margin-bottom:8px; font:700 clamp(22px, 2.2vw, 30px)/1.1 var(--display)}
.proof-steps span{opacity:.9}
@media (max-width:860px){
  .proof-steps{grid-template-columns:1fr}
  .proof-steps li, .proof-steps li + li{padding:20px 0; border-left:0}
}

.proof-copy{max-width:68ch}
.proof-copy p + p{margin-top:16px}
.proof-copy code, .proof-code{font:400 13px/1.6 var(--mono); background:var(--char); padding:2px 6px}
.proof-code{display:block; padding:14px 16px; margin-top:16px; overflow-x:auto; white-space:pre; max-width:none}

.batches{list-style:none; margin:0; padding:0; border-top:1px solid var(--iron)}
.batches li{display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 24px; padding-block:14px; border-bottom:1px solid var(--iron); font-size:13px}
.batches .p-what{font-weight:500; overflow-wrap:anywhere}
.batches .p-when{color:var(--smoke)}
.batches a{text-underline-offset:3px}
.batches + h3{margin-top:48px}
.proof-sub{margin:48px 0 14px}
.proof-code + p{margin-top:16px}