.verify-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5rem 4rem; padding-block: 5rem; }
.verify-intro, .release-panel, .terminal-check { min-width: 0; }
.verify-intro h1 { font-size: clamp(3rem, 6vw, 5.5rem); }
.verify-intro .fine-print { max-width: 38ch; margin-top: 1.5rem; }
.release-panel { align-self: start; background: #202820; border: 1px solid #6d75614d; border-radius: 1rem; padding: 2rem; }
.release-panel h2 { margin-bottom: 1.5rem; }
.release-facts { margin: 0 0 2rem; }
.release-facts div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; border-bottom: 1px solid #6d75614d; padding-block: .75rem; }
.release-facts dt { color: #bdc3b0; }
.release-facts dd { margin: 0; }
.file-label { display: block; margin-bottom: .7rem; font-weight: 600; }
input[type="file"] { display: block; max-width: 100%; width: 100%; color: #e7e7d9; font: inherit; font-size: .88rem; }
input[type="file"]::file-selector-button { background: #e6ca8b; color: #172018; border: 0; border-radius: .35rem; margin-right: .8rem; padding: .7rem .9rem; font: inherit; cursor: pointer; }
input[type="file"]:focus-visible { outline: 2px solid #e6ca8b; outline-offset: 5px; }
.check-result { border-left: 3px solid #b9c1a2; padding: .7rem 1rem; margin-block: 1.2rem 1.8rem; background: #ffffff05; }
.check-result[data-state="match"] { border-color: #b9d69b; color: #d0e4bc; }
.check-result[data-state="mismatch"], .check-result[data-state="error"] { border-color: #e6a39e; color: #f4c8c4; }
.hash-label { color: #bdc3b0; font-size: .8rem; margin-bottom: .5rem; }
.release-hash { display: block; overflow-wrap: anywhere; font-size: .9rem; line-height: 1.7; }
.release-panel .fine-print { margin-top: 1.5rem; }
.terminal-check { grid-column: 1 / -1; border-top: 1px solid #6d75614d; padding-top: 2.5rem; }
.terminal-check p { max-width: 65ch; }
.terminal-check pre { background: #202820; padding: 1rem 1.2rem; white-space: pre-wrap; overflow-wrap: anywhere; border-radius: .5rem; }
.terminal-check a { color: #e6ca8b; text-underline-offset: .2em; }
@media (max-width: 760px) { .verify-main { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; padding-block: 2.5rem; } .release-panel { padding: 1.4rem; } .verify-intro .fine-print { max-width: none; } }
