/* Shared, responsive applicant and reviewer presentation using the entrance's existing tokens. */
.vip-shell { width: min(960px, 90%); margin: 60px auto; }
.vip-shell h1 { font-size: clamp(32px, 6vw, 52px); }
.vip-shell p, .vip-shell label { line-height: 1.7; }
.vip-shell p { color: var(--muted); }
.vip-panel { padding: clamp(18px, 4vw, 32px); border: 1px solid var(--line); border-radius: 8px; background: #1b1227; margin: 24px 0; }
.vip-panel h2 { font-size: 26px; }
.vip-actions { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
.vip-panel > button { margin: 8px 6px 8px 0; }
.vip-fields { display: grid; gap: 14px; margin: 24px 0; }
.vip-fields input { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--ink); color: var(--text); }
.vip-check { display: flex; gap: 12px; align-items: flex-start; margin: 20px 0; }
.vip-check input { margin-top: 8px; flex-shrink: 0; }
#vip-video { display: block; width: min(100%, 640px); max-height: 60vh; background: #08070b; border-radius: 6px; }
#vip-prompt { color: var(--text); font-size: 20px; }
.vip-evidence { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.vip-evidence img { width: 100%; object-fit: contain; max-height: 65vh; }
.vip-shell [hidden] { display: none !important; }
.vip-shell a { overflow-wrap: anywhere; }
.vip-results { padding-left: 20px; line-height: 1.8; }
@media (max-width: 600px) { .vip-shell { margin-top: 35px; } .site-header { flex-wrap: wrap; gap: 18px; } }