/* =====================================================
   V60.3.6 — Mid-article + compact social follow prompts
   Promotional UI is deliberately non-modal and small.
   ===================================================== */
.verita-follow-inline {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 18px;
    margin: 30px 0;
    padding: 16px 17px;
    border: 1px solid color-mix(in srgb, var(--burgundy, #7f1d1d) 20%, var(--border-light, #e5e7eb));
    border-left: 3px solid var(--burgundy, #7f1d1d);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface, #fff) 96%, var(--burgundy, #7f1d1d) 4%);
}
.verita-follow-inline-copy { min-width: 0; }
.verita-follow-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: var(--burgundy, #7f1d1d);
    font: 800 .59rem/1.2 var(--font-heading, sans-serif);
    letter-spacing: .09em;
    text-transform: uppercase;
}
.verita-follow-inline-copy strong {
    display: block;
    color: var(--text-primary, #111827);
    font: 600 1rem/1.25 var(--font-serif, Georgia, serif);
}
.verita-follow-inline-copy p {
    margin: 4px 0 0 !important;
    color: var(--text-secondary, #6b7280) !important;
    font-size: .74rem !important;
    line-height: 1.45 !important;
}
.verita-follow-inline-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}
.verita-social-action {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 8px;
    background: var(--card, #fff);
    color: var(--text-primary, #111827) !important;
    font: 700 .67rem/1.15 var(--font-heading, sans-serif);
    text-decoration: none !important;
}
.verita-social-action:hover { border-color: var(--burgundy, #7f1d1d); color: var(--burgundy, #7f1d1d) !important; }
.verita-social-action svg { flex: 0 0 auto; }

.verita-follow-widget {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 940;
    width: min(194px, calc(100vw - 24px));
    padding: 10px;
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 11px;
    background: color-mix(in srgb, var(--card, #fff) 97%, var(--burgundy, #7f1d1d) 3%);
    box-shadow: 0 10px 30px rgba(0,0,0,.14);
    color: var(--text-primary, #111827);
}
.verita-follow-widget[hidden] { display: none !important; }
.verita-follow-widget-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: var(--surface-hover, #f3f4f6);
    color: var(--text-secondary, #6b7280);
    font-size: .95rem;
    line-height: 1;
    cursor: pointer;
}
.verita-follow-widget-copy { padding-right: 23px; }
.verita-follow-widget-copy span {
    display: block;
    color: var(--burgundy, #7f1d1d);
    font: 800 .49rem/1.1 var(--font-heading, sans-serif);
    letter-spacing: .08em;
}
.verita-follow-widget-copy strong {
    display: block;
    margin-top: 2px;
    font: 600 .86rem/1.15 var(--font-serif, Georgia, serif);
}
.verita-follow-widget-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 5px;
    margin-top: 8px;
}
.verita-follow-widget-actions:has(a:only-child) { grid-template-columns: 1fr; }
.verita-follow-widget-btn {
    display: inline-flex;
    min-width: 0;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px;
    border: 1px solid var(--border-light, #e5e7eb);
    border-radius: 7px;
    background: var(--surface, #fff);
    color: var(--text-primary, #111827) !important;
    font: 700 .58rem/1 var(--font-heading, sans-serif);
    text-decoration: none !important;
}
.verita-follow-widget-btn:hover { border-color: var(--burgundy, #7f1d1d); color: var(--burgundy, #7f1d1d) !important; }
.verita-follow-widget-btn svg { flex: 0 0 auto; }

[data-theme="dark"] .verita-follow-inline,
[data-theme="dark"] .verita-follow-widget { background: #171717; border-color: #303030; }
[data-theme="dark"] .verita-social-action,
[data-theme="dark"] .verita-follow-widget-btn { background: #1d1d1d; border-color: #343434; color: #f4f4f4 !important; }
[data-theme="dark"] .verita-follow-widget-close { background: #242424; color: #c8c8c8; }

@media (max-width: 640px) {
    .verita-follow-inline {
        grid-template-columns: 1fr;
        gap: 11px;
        margin: 24px 0;
        padding: 13px 13px 12px;
    }
    .verita-follow-inline-copy strong { font-size: .92rem; }
    .verita-follow-inline-actions { justify-content: stretch; }
    .verita-social-action { flex: 1 1 0; min-width: 0; padding-left: 7px; padding-right: 7px; font-size: .61rem; }
    .verita-follow-widget {
        left: 8px;
        bottom: 8px;
        width: min(178px, calc(100vw - 16px));
        padding: 8px;
        border-radius: 10px;
    }
    .verita-follow-widget-copy strong { font-size: .78rem; }
    .verita-follow-widget-actions { margin-top: 6px; gap: 4px; }
    .verita-follow-widget-btn { min-height: 30px; font-size: .54rem; }
}

@media (prefers-reduced-motion: reduce) {
    .verita-follow-widget { scroll-behavior: auto; }
}