﻿.verification-shell { max-width: 1240px; }
.verification-explainer { border: 1px solid var(--border, #777966); border-left: 4px solid var(--accent, #ef8d43); background: var(--surface, #20231c); border-radius: 6px; padding: 18px 20px; margin: 22px 0; }
.verification-explainer h2 { font-size: 20px; margin: 0 0 8px; }
.verification-explainer p { margin: 0; line-height: 1.6; max-width: 90ch; }
.verification-toolbar { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(150px, 1.1fr) minmax(200px, 2fr) auto; align-items: end; }
.verification-toolbar > label { min-width: 0; }
.verification-toolbar select, .verification-toolbar input { width: 100%; box-sizing: border-box; min-height: 44px; }
.verification-results-summary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 18px 0; }
.verification-results-summary p { margin: 0; line-height: 1.5; }
.verification-results-summary a { min-height: 44px; display: inline-flex; align-items: center; }
.verification-results { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.verification-page-card { min-width: 0; overflow-wrap: anywhere; scroll-margin-top: 110px; }
.verification-page-card.is-selected { outline: 2px solid var(--accent, #ef8d43); outline-offset: 3px; }
.verification-page-card:focus-visible { outline: 3px solid var(--accent, #ef8d43); outline-offset: 4px; }
.verification-more { margin-top: 24px; }
.verification-empty { grid-column: 1 / -1; padding: 24px 0; line-height: 1.6; }
@media (max-width: 900px) { .verification-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .verification-search-label { grid-column: 1; } }
@media (max-width: 620px) { .verification-toolbar, .verification-results { grid-template-columns: 1fr; } .verification-search-label { grid-column: auto; } .verification-explainer { padding: 16px; } .verification-toolbar .btn { width: 100%; } }
