/* Comments Section */
    section.comments {
        padding: 40px 10% 80px;
        min-height: 60vh;
    }

    .archive-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .comment-card {
        background: var(--glass);
        padding: 40px;
        border-radius: 20px;
        border: 1px solid var(--border-color);
        backdrop-filter: blur(10px);
    }

    /* Valine Custom Styling */
    .v * { color: var(--text-color) !important; }
    .v .vlist .vcard .vhead .vname { color: var(--accent-color) !important; font-weight: 600; }
    .v .vlist .vcard .vh { border-bottom: 1px solid var(--border-color) !important; }
    .v .vbtn {
        background: var(--accent-color) !important;
        border: none !important;
        color: white !important;
        border-radius: 40px !important;
        padding: 8px 24px !important;
        font-weight: 600 !important;
    }
    .v .vlist .vcard .vcontent { color: #d1d1d6 !important; }
    .v .vpanel { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid var(--border-color) !important; }
    .v .vheader .vinput { border-bottom: 1px solid var(--border-color) !important; }
    .v .vsys { background: rgba(255, 255, 255, 0.05) !important; color: var(--secondary-text) !important; }
    .v .vinfo { border-bottom: 1px solid var(--border-color) !important; }

    @media (max-width: 900px) {
section.comments { padding: 40px 6%; }
        .comment-card { padding: 20px; }
    }