/* ==============================
   Reddit Style — Branch Forum
   ============================== */

body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background: #dae0e6 !important;
    line-height: 1.45;
}

.bf-topic-card,
.bf-post {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 12px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.bf-topic-card h2,
.bf-topic-card h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 8px;
}

.bf-grid {
    gap: 24px !important;
}

.bf-sidebar {
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #d6d6d6;
    padding: 12px;
}

.bf-topic-link {
    font-size: 15px;
    padding: 10px 8px !important;
    border-radius: 4px;
    margin-bottom: 4px;
    display: block;
    color: #333 !important;
}

.bf-topic-active {
    background: #cee3f8 !important;
    font-weight: 600 !important;
}

.bf-small {
    color: #0079d3 !important;
    font-size: 14px !important;
}

.bf-small:hover {
    text-decoration: underline !important;
}

.bf-post strong {
    font-weight: 600;
}

.bf-meta {
    color: #777;
    font-size: 13px;
    margin-left: 6px;
}

.bf-button {
    background: #0079d3 !important;
    padding: 8px 14px !important;
    border-radius: 4px !important;
    font-weight: 600;
}

.bf-button:hover {
    background: #0583e3 !important;
}

textarea {
    border-radius: 4px !important;
    border: 1px solid #bbb !important;
    padding: 8px !important;
    font-size: 15px;
}

.bf-post {
    border-left: 3px solid #e2e8f0;
}

/* nested replies */
.bf-post .bf-post {
    border-left: 2px solid #c2d1e0;
    background: #f9fafb;
}

/* sticky box redesign */
.bf-sticky-box {
    background: #fff8d9 !important;
    border-left: 4px solid #f9c22e !important;
    padding: 16px !important;
    border-radius: 6px;
    margin-bottom: 16px;
}

/* hover cards */
.bf-post:hover {
    background: #f8f9fa;
}

/* votes look more reddit-like */
.vote-number {
    font-size: 16px;
    font-weight: 700;
    margin-right: 6px;
}

/* ============================
   Reddit Medium Spacing (20px)
   ============================ */

/* Add comfortable left–right margin on all cards */
.bf-topic-card,
.bf-post,
.bf-sticky-box {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* Add inner padding inside cards */
.bf-topic-card,
.bf-post,
.bf-sticky-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Better spacing between sidebar and content */
.bf-grid {
    gap: 32px !important;  /* was 20, now more Reddit-like */
}

/* Improve reply indentation spacing */
.bf-post .bf-post {
    margin-left: 20px !important;
    padding-left: 16px !important;
    border-left: 2px solid #d8e1e8 !important;
    background: #fafbfc !important;
}