/* widget/art_left_nav.html 共用樣式（art/type.html + art/detail.html） */

.art-leftnav {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius); overflow: hidden;
    position: sticky; top: calc(var(--topbar-h) + 12px);
}
.aln-item {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 16px; font-size: 14px; color: var(--text-2);
    border-bottom: 1px solid var(--border); transition: all 0.2s;
}
.aln-item:last-child { border-bottom: none; }
.aln-item:hover { color: var(--text-1); background: var(--bg-elevated); }
.aln-item.is-active { color: var(--accent); background: var(--accent-light); font-weight: 600; }
.aln-item iconify-icon { font-size: 16px; }

@media (max-width: 768px) {
    /* 左側分類改為橫向捲動列 */
    .art-leftnav {
        position: static;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        min-width: 0;
        width: 100%;
    }
    .art-leftnav::-webkit-scrollbar { display: none; }
    .aln-item {
        flex-shrink: 0;
        border-bottom: none;
        border-right: 1px solid var(--border);
        padding: 8px 12px;
        font-size: 12px;
        white-space: nowrap;
    }
    .aln-item:last-child { border-right: none; }
}