/* gh-verify-panel.css - the "Verify it here" panel on the seal pages. Design system rules: yellow only for VERIFIED (and focus);
   a failure is stated in words on a neutral chip, never decorated; UI text >= 15px; no motion. Self-contained. */
.ghv, .ghv * { box-sizing: border-box; }
.ghv { max-width: 68rem; margin: 3rem auto 0; padding: 1.5rem 1.5rem 1.75rem; background: #0A2566; color: #FFFFFF; border-top: 3px solid #FCD116;
  font-family: 'IBM Plex Sans','Segoe UI',Helvetica,Arial,sans-serif; font-size: 15px; line-height: 1.6; }
.ghv h2 { font-family: 'Cormorant Garamond','Times New Roman',Georgia,serif; font-weight: 700; font-size: 1.9rem; margin: 0 0 .35rem; color: #FFFFFF; border: 0; padding: 0; }
.ghv-lede { margin: 0 0 1rem; color: #C9D0E3; max-width: 70ch; }
.ghv-steps { list-style: none; margin: 0 0 1.1rem; padding: 0; display: grid; gap: .75rem; }
.ghv-step { background: #123489; padding: .8rem 1rem; border-left: 3px solid #8FA4E0; }
.ghv-head { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: baseline; justify-content: space-between; }
.ghv-title { font-weight: 600; }
.ghv-detail { margin: .35rem 0 0; color: #C9D0E3; overflow-wrap: anywhere; font-size: 15px; }
.ghv-state { font-weight: 600; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; padding: .22em .7em; border: 1px solid #C9D0E3; color: #C9D0E3; }
.ghv-state.ok { background: #FCD116; color: #1E2126; border-color: #9A7D00; }
.ghv-state.bad { background: transparent; color: #FFFFFF; border-color: #FFFFFF; }
.ghv-controls { display: flex; flex-wrap: wrap; gap: .6rem; }
.ghv-btn { font: 600 15px 'IBM Plex Sans','Segoe UI',Helvetica,Arial,sans-serif; background: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; padding: .55rem 1rem; cursor: pointer; }
.ghv-btn:hover { background: #123489; }
.ghv-btn:focus-visible, .ghv-file:focus-within { outline: 2px solid #FCD116; outline-offset: 2px; }
.ghv-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.ghv-file { position: relative; }
@media (max-width: 30rem) { .ghv { padding: 1.1rem 1rem 1.25rem; } .ghv-btn { width: 100%; text-align: center; } }