/* articale_detail.css */

.setka {
    display: grid;
    grid-template-columns: 220px 1fr 220px;
    gap: 24px;
/*    max-width: 1180px; */
    margin: 0 auto;
    padding: 32px 24px;
    align-items: start;
}

.sidebar_left,
.sidebar_right {
    background: var(--paper);
    border: 1px solid var(--border);
    padding: 16px;
    border-radius: var(--r-md);
    position: sticky;
    top: 20px;
}

.main {
    min-width: 0;
}

/* Оглавление */
.toc-title {
    font-family: var(--font-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ink3);
    margin-bottom: 16px;
}

.toc-list { list-style: none; }

.toc-list a {
    display: block;
    padding: 5px 12px;
    font-family: var(--font-ui);
    font-size: 13px;
    font-weight: 600;
    color: var(--ink3);
    text-decoration: none;
    border-left: 2px solid transparent;
    border-radius: 0 6px 6px 0;
    transition: color .2s, border-color .2s, background .2s;
}

.toc-list a:hover,
.toc-list a.active {
    color: var(--gold);
    border-left-color: var(--gold);
    background: var(--gold-bg);
}

.sidebar_left,
.sidebar_right {
    background: var(--paper);
    border: 1px solid var(--border);
    padding: 16px;
    border-radius: var(--r-md);
    position: sticky;
    top: 20px;
}

/* Только левый сайдбар с содержанием скроллится */
.sidebar_left {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.sidebar_left::-webkit-scrollbar { width: 3px; }
.sidebar_left::-webkit-scrollbar-track { background: transparent; }
.sidebar_left::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.sidebar_left::-webkit-scrollbar-thumb:hover { background: #94a3b8; }


/* Адаптив */
@media (max-width: 1200px) {
    .setka { grid-template-columns: 1fr 220px; }
    .sidebar_left { display: none; }
}

@media (max-width: 768px) {
    .setka { grid-template-columns: 1fr; }
    .sidebar_right { display: none; }
}