/* --- MAIN GRID LAYOUT --- */
.main-layout-grid {
    display: grid;
    gap: 40px;
    padding-top: 40px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "center"
        "left"
        "right";
}

.sidebar-left { grid-area: left; }
.main-center { grid-area: center; }
.sidebar-right { grid-area: right; }

@media (min-width: 1024px) {
    .main-layout-grid {
        grid-template-columns: 280px 1fr 280px;
        grid-template-areas: "left center right";
        align-items: start;
    }
    .sidebar-left, .sidebar-right {
        position: sticky;
        top: 40px;
    }
}

/* --- Sidebar: Coming Soon Card --- */
.coming-soon-card { 
    background-color: var(--bg-card); 
    border: 1px solid var(--border-color); 
    border-radius: 16px; 
    padding: 24px; 
    margin-bottom: 25px; 
}
.coming-soon-title { font-size: 1rem; font-weight: 500; color: white; margin-bottom: 22px; }
.cs-item { font-size: 0.85rem; }
.cs-item p { margin-bottom: 16px; }
.cs-item:last-child { margin-bottom: 0; }
.cs-item a { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.4; transition: color 0.2s; }
.cs-item a:hover { color: var(--text-primary); }

/* --- Sidebar: Sponsored Cards (Filled State) --- */
.sponsor-card { 
    background-color: var(--bg-sponsor); 
    border-radius: 8px; 
    padding: 16px; 
    margin-bottom: 16px; 
    display: flex; 
    flex-direction: column; 
    transition: transform 0.2s, border-color 0.2s; 
    border: 1px solid var(--border-color);
}
.sponsor-card:hover { transform: translateY(-2px); border-color: #444; }
.sponsor-badge { font-size: 0.75rem; font-weight: 700; color: var(--text-secondary); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px; flex-shrink: 0; }
.sponsor-image { width: 100%; height: 110px; object-fit: cover; background: #222; border-radius: 8px; display: block; margin-bottom: 15px; flex-shrink: 0; }
.sponsor-content { display: flex; flex-direction: column; flex-grow: 1; }
.sponsor-content h4 { margin-bottom: 6px; font-size: 1.05rem; color: #fff; font-weight: 700; line-height: 1.2; }
.sponsor-content p { color: var(--text-secondary); font-size: 0.85rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; }
.sponsor-cta { font-size: 0.85rem; color: var(--cta-color); font-weight: 600; display: inline-flex; align-items: center; transition: color 0.2s; margin-top: auto; }
.sponsor-cta:hover { color: #ff9f66; }
.sponsor-cta span { margin-left: 4px; font-size: 1rem; }

/* --- Sidebar: Sponsored Cards (Empty State) --- */
.sponsor-card.empty-spot {
    background-color: transparent;
    border: 1px dashed #444;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 140px;
}
.sponsor-card.empty-spot:hover {
    border-color: var(--cta-color);
    background-color: rgba(255, 126, 51, 0.05);
}
.empty-spot-icon {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #444;
    transition: color 0.2s;
}
.sponsor-card.empty-spot:hover .empty-spot-icon { color: var(--cta-color); }
.empty-spot-title {
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--text-secondary);
    margin-bottom: 10px;
}
.empty-spot-cta {
    font-size: 0.75rem;
    color: var(--cta-color);
    font-weight: 500;
}