/* Presentation primitives for the five article-quality pillars.
   These styles are deliberately data-agnostic: evidence, warnings and
   checklists appear only when the rendered post supplies them. */

.article-eyebrow {
    margin: 0 0 .35rem;
    color: var(--accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.article-evidence,
.article-alerts,
.article-checklist {
    margin: 28px 0;
    padding: clamp(20px, 4vw, 30px);
    border: 1px solid rgba(116,188,255,.24);
    border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(0,212,255,.08), rgba(48,43,99,.16));
    box-shadow: var(--shadow);
}

.article-evidence h2,
.article-alerts h2,
.article-checklist h2 {
    margin: 0 0 12px;
    color: var(--content-heading);
    font-size: clamp(1.2rem, 2.6vw, 1.5rem);
    line-height: 1.3;
}

.article-evidence__intro,
.article-evidence__summary {
    margin: 0;
    color: var(--content-text);
    line-height: 1.7;
}

.evidence-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0 0;
}

.evidence-facts div {
    padding: 14px 16px;
    border-radius: 9px;
    background: rgba(7,10,18,.48);
}

.evidence-facts dt {
    margin-bottom: 4px;
    color: var(--accent);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.evidence-facts dd {
    margin: 0;
    color: var(--content-text);
    line-height: 1.55;
}

.article-evidence__summary { margin-top: 18px; }

.evidence-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.evidence-gallery figure {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(116,188,255,.24);
    border-radius: 10px;
    background: rgba(7,10,18,.48);
}

.evidence-gallery img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.evidence-gallery figcaption {
    padding: 10px 12px;
    color: var(--text2);
    font-size: .84rem;
    line-height: 1.45;
}

.article-alerts {
    border-color: rgba(255,193,7,.42);
    background: linear-gradient(135deg, rgba(255,193,7,.10), rgba(48,43,99,.13));
}

.article-alerts h2::before {
    content: '⚠ ';
    color: #ffd166;
}

.article-alerts ul,
.article-checklist ul {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--content-text);
}

.article-alerts li,
.article-checklist li {
    margin: .55rem 0;
    line-height: 1.6;
}

.article-checklist {
    border-color: rgba(57,189,248,.36);
}

.article-checklist li::marker { color: var(--accent); }

/* Keep authored emphasis legible during fast scanning. */
.content strong { color: #f7faff; }
.content pre { border: 1px solid rgba(116,188,255,.22); }
.content pre code { display: block; white-space: pre; line-height: 1.55; }
.content table { font-size: .96rem; }

.post-cta--final {
    margin-top: 36px;
    text-align: center;
}

.post-cta--final h2 {
    margin: 0 0 10px;
    color: var(--text);
    font-size: 1.3rem;
    line-height: 1.3;
}

@media (max-width: 640px) {
    .evidence-facts { grid-template-columns: 1fr; }
    .content { overflow-wrap: anywhere; }
    .content table { display: block; max-width: 100%; overflow-x: auto; white-space: nowrap; }
}

@media print {
    .article-evidence,
    .article-alerts,
    .article-checklist { box-shadow: none; }
}