/* ==========================================================================
   /vulnerability-scan.php — The Reddit Test / FAQ (V90, Sprint 6 handoff
   "Vulnerability Scan"). Light console, metrics from the draft: orange
   prompt headline, one #fdfdfc panel, dashed rules between the queries.
   ========================================================================== */

.vs-main {
    text-align: left;
    padding-bottom: 40px;
}

.vs-section {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.7;
    color: var(--text-main);
    font-size: 1.05rem;
}

/* base.css styles every h1 as the centered lowercase brand flex row —
   this one is a plain left-aligned headline (parse-syntax.css pattern) */
.vs-title {
    display: block;
    font-family: var(--font-code);
    font-weight: 700;
    font-size: clamp(1.3rem, 3.5vw, 1.7rem);
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
    text-align: left;
    text-wrap: balance;
    overflow-wrap: break-word;   /* safety net: RUN_VULNERABILITY_SCAN is one long token */
    color: var(--brand-orange);
    margin: 0 0 24px;
}

/* V91 (AQ): #2F7A86 literal, like .ps-title-sub (4.94:1; the V90 draft's
   --brand-blue #358691, owner decision E6 a, was 4.23:1 as text). */
.vs-title-sub {
    font-weight: 400;
    color: #2F7A86;
}

.vs-list {
    padding: 4px 22px;
    background: var(--bg-light);
    border: 1px solid rgba(var(--brand-blue-rgb), 0.2);
    border-radius: 6px;
}

.vs-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px 0;
    border-top: 1px dashed rgba(var(--brand-blue-rgb), 0.3);
}

.vs-item:first-child { border-top: none; }

.vs-q {
    margin: 0;
    font-family: var(--font-code);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.55;
    color: var(--dark-teal);
    text-wrap: pretty;
    overflow-wrap: break-word;
}

.vs-q-num { color: var(--brand-orange); }

.vs-a {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-main);
    text-wrap: pretty;
    overflow-wrap: break-word;
}

.vs-a p { margin: 0; }
.vs-a p + p { margin-top: 1em; }   /* the draft's paragraph gap (QUERY 07) */

/* answer links get #2F7A86 from base.css (main p a, V89) */
.vs-a-label {
    font-family: var(--font-code);
    font-size: 0.85rem;
    font-weight: 700;
    color: #2F7A86;
}

/* house rule: every element with an explicit display needs this */
.vs-title[hidden], .vs-item[hidden] {
    display: none;
}