/* /verify — public, indexable document verification. Page layout only: card titles, dropzone, result card,
   tables and the site footer come from app.css / site.css. Tokens only. */

/* ---- Intro ---- */
.verify-intro{margin-bottom:var(--s-lg)}
.verify-intro .title-public{margin:var(--s-sm) 0 var(--s-md)}
.verify-intro .lead{margin:0 0 var(--s-md);max-width:72ch}
.verify-privacy{display:flex;align-items:center;gap:var(--s-sm);margin:0;font-size:13px;color:var(--muted)}
.verify-privacy svg{width:16px;height:16px;flex:none;color:var(--primary-text)}
@media (min-width:1024px){.verify-intro{margin-bottom:var(--s-xl)}}

/* ---- Two tools side by side (.grid-2 stacks them on phones); equal height, buttons on the bottom edge ---- */
.verify-tools > .card{display:flex;flex-direction:column;margin-bottom:0}
.verify-tools form{display:flex;flex-direction:column;flex:1}
.verify-tools form .btn-row{margin-top:auto}

/* ---- Result: verdict (.result-card) + detail cards ---- */
#result{margin-top:var(--s-base)}
#result > .card{margin-bottom:0}
@media (min-width:640px){#result{margin-top:var(--s-lg)}}

/* ---- What is verified ---- */
.verify-about{margin-top:var(--s-xxl)}
.verify-about-lead{margin:var(--s-sm) 0 0;max-width:72ch;color:var(--body)}
.verify-points{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-lg);list-style:none;margin:var(--s-lg) 0 0;padding:0}
@media (min-width:760px){.verify-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-xl)}}
.point-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--s-md);border-radius:var(--r-md);background:var(--canvas);border:1px solid var(--hairline);box-shadow:var(--shadow-xs);color:var(--primary-text)}
.point-icon svg{width:24px;height:24px}
.verify-point h3{margin:0 0 var(--s-xs)}
.verify-point p{margin:0;font-size:14px;color:var(--body);max-width:44ch}