.article-sidebar[data-v-2047c9a5]{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:-moz-fit-content;height:fit-content;padding:1.5rem;position:sticky;top:2rem;width:280px}.sidebar-header[data-v-2047c9a5]{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-title[data-v-2047c9a5]{color:#333;font-size:1.25rem;font-weight:700;margin:0}.sidebar-nav[data-v-2047c9a5]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.nav-item[data-v-2047c9a5]{align-items:center;background:none;border:2px solid transparent;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;padding:1rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.nav-item[data-v-2047c9a5]:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.nav-item.active[data-v-2047c9a5]{background:linear-gradient(135deg,#0476d9,#4a8cff);border-color:#0476d9;box-shadow:0 4px 12px #0f57fb4d;color:#fff}.nav-icon[data-v-2047c9a5]{font-size:1.25rem;margin-right:.75rem;text-align:center;width:24px}.nav-text[data-v-2047c9a5]{flex:1;font-size:1rem;font-weight:500}.nav-count[data-v-2047c9a5]{background:#fff3;border-radius:12px;color:inherit;font-size:.75rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.nav-item:not(.active) .nav-count[data-v-2047c9a5]{background:#e5e7eb;color:#6b7280}.tags-section[data-v-2047c9a5]{border-top:2px solid #e5e7eb;padding-top:1.5rem}.tags-title[data-v-2047c9a5]{color:#333;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.tags-grid[data-v-2047c9a5]{flex-wrap:wrap}.tag-item[data-v-2047c9a5],.tags-grid[data-v-2047c9a5]{display:flex;gap:.5rem}.tag-item[data-v-2047c9a5]{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .3s ease}.tag-item[data-v-2047c9a5]:hover{background:#e5e7eb;border-color:#d1d5db;color:#374151}.tag-item.active[data-v-2047c9a5]{background:linear-gradient(135deg,#0476d9,#4a8cff);border-color:#0476d9;color:#fff}.tag-count[data-v-2047c9a5]{background:#fff3;border-radius:8px;color:inherit;font-size:.75rem;font-weight:600;min-width:16px;padding:.125rem .375rem;text-align:center}.tag-item:not(.active) .tag-count[data-v-2047c9a5]{background:#e5e7eb;color:#6b7280}@media (max-width:1024px){.article-sidebar[data-v-2047c9a5]{margin-bottom:2rem;position:static;width:100%}.sidebar-nav[data-v-2047c9a5]{flex-direction:row;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.nav-item[data-v-2047c9a5]{flex:0 0 auto;min-width:120px}.nav-item[data-v-2047c9a5],.tags-grid[data-v-2047c9a5]{justify-content:center}}@media (max-width:768px){.sidebar-nav[data-v-2047c9a5]{flex-direction:column;gap:.5rem}.nav-item[data-v-2047c9a5]{flex:none;min-width:auto}.nav-item[data-v-2047c9a5],.tags-grid[data-v-2047c9a5]{justify-content:flex-start}}.main-content[data-v-4f7d2bdd]{margin:0 auto;max-width:1200px}.page-layout[data-v-4f7d2bdd]{align-items:start;display:grid;gap:3rem;grid-template-columns:280px 1fr}.content-wrapper[data-v-4f7d2bdd]{max-width:100%}.line-clamp-2[data-v-4f7d2bdd]{-webkit-line-clamp:2}.line-clamp-2[data-v-4f7d2bdd],.line-clamp-3[data-v-4f7d2bdd]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3[data-v-4f7d2bdd]{-webkit-line-clamp:3}.article-card[data-v-4f7d2bdd]{cursor:pointer}.article-card:hover .article-title[data-v-4f7d2bdd]{color:#0476d9}@media (max-width:1024px){.page-layout[data-v-4f7d2bdd]{gap:2rem;grid-template-columns:1fr}.content-wrapper[data-v-4f7d2bdd]{max-width:100%}}@media (max-width:768px){.main-content[data-v-4f7d2bdd]{padding:0 1rem}.page-layout[data-v-4f7d2bdd]{gap:1.5rem}}