.overview-container{background-color:#fff;min-height:100vh}.overview-content{max-width:1440px;margin:0 auto;padding:3rem 1rem}.overview-header{margin-bottom:1.5rem}@media (min-width:768px){.overview-header{margin-bottom:3rem}}.overview-header-wrapper{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:768px){.overview-header-wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.overview-header-content{flex:1}.overview-title{color:#121214;margin-bottom:1.5rem;font-size:32px;font-weight:600;line-height:1.2}@media (min-width:768px){.overview-title{font-size:48px}}.overview-description{color:#6b7280;max-width:42rem;margin-bottom:1.5rem;font-size:16px;line-height:1.6}.search-wrapper{max-width:42rem;position:relative}.search-input{color:#121214;background-color:#f3f5f7;border:none;border-radius:8px;outline:none;width:100%;padding:16px 48px 16px 24px;font-size:16px;transition:all .2s}.search-input::placeholder{color:#9ca3af}.search-input:focus{box-shadow:0 0 0 1px #f0960e}.search-icon{color:#9ca3af;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.overview-hero-image{flex-shrink:0;display:none}@media (min-width:768px){.overview-hero-image{display:block}}.overview-hero-image img{object-fit:cover;width:320px;height:320px}@media (min-width:1024px){.overview-hero-image img{width:384px;height:384px}}.topics-section{margin-bottom:2.5rem}.topics-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.topics-title{color:#121214;font-size:28px;font-weight:600}@media (min-width:768px){.topics-title{font-size:32px}}.topics-tags{margin-bottom:1rem}.topics-tags-wrapper{flex-wrap:wrap;gap:.5rem;display:flex}.tag-button{color:#374151;cursor:pointer;background-color:#f3f5f7;border:none;border-radius:4px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.tag-button:hover{background-color:#e5e7eb}.tag-button.selected{color:#fff;background-color:#f0960e}.results-count{margin-bottom:1.5rem}.results-count-text{color:#6b7280;font-size:14px}.articles-list{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.article-link{text-decoration:none;display:block}.article-card{background-color:#f3f5f7;border:1px solid #0000;border-radius:8px;padding:1.5rem;transition:all .2s}.article-card:hover{border-color:#d1d5db}.article-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.article-title{color:#121214;font-size:16px;font-weight:500;line-height:1.4;transition:color .2s}.article-link:hover .article-title{color:#f7a600}.article-date{color:#9ca3af;flex-shrink:0;margin-top:4px;font-size:12px}.article-summary{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.article-tag{color:#6b7280;background-color:#fff;border-radius:4px;padding:4px 8px;font-size:12px}.empty-state-wrapper{justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.pagination{justify-content:center;align-items:center;gap:.5rem;display:flex}.pagination-button{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:color .2s}.pagination-button:hover:not(:disabled){color:#f0960e}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{gap:4px;display:flex}.pagination-page{cursor:pointer;color:#374151;background-color:#0000;border:none;border-radius:4px;width:36px;height:36px;font-size:14px;font-weight:500;transition:all .2s}.pagination-page:hover{background-color:#f3f4f6}.pagination-page.active{color:#fff;background-color:#f0960e}.pagination-ellipsis{color:#9ca3af;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.skeleton{background:linear-gradient(90deg,#f3f5f7 25%,#e5e7eb 50%,#f3f5f7 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{margin-bottom:1.5rem}@media (min-width:768px){.skeleton-header{margin-bottom:3rem}}.skeleton-header-wrapper{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:768px){.skeleton-header-wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.skeleton-header-content{flex:1}.skeleton-title{width:300px;height:38.4px;margin-bottom:1.5rem}@media (min-width:768px){.skeleton-title{width:400px;height:57.6px}}.skeleton-description{width:100%;max-width:42rem;height:102px;margin-bottom:1.5rem}@media (min-width:768px){.skeleton-description{height:51.2px}}.skeleton-search{border-radius:8px;width:100%;max-width:42rem;height:56px}.skeleton-hero{border-radius:8px;flex-shrink:0;width:320px;height:320px;display:none}@media (min-width:768px){.skeleton-hero{display:block}}@media (min-width:1024px){.skeleton-hero{width:384px;height:384px}}.skeleton-topics{margin-bottom:2.5rem}.skeleton-topics-title{width:240px;height:33.6px;margin-bottom:.5rem}@media (min-width:768px){.skeleton-topics-title{width:300px;height:38.4px}}.skeleton-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.skeleton-tag{border-radius:4px;width:90px;height:33px}.skeleton-count{width:120px;height:20px;margin-bottom:1.5rem}.skeleton-articles{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.skeleton-article-card{background-color:#f3f5f7;border-radius:8px;min-height:140px;padding:1.5rem}.skeleton-article-title{width:65%;height:20px;margin-bottom:.75rem}.skeleton-article-summary{width:100%;height:36px;margin-bottom:.5rem}.skeleton-article-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skeleton-article-tag{border-radius:4px;width:70px;height:26px}.error-content{justify-content:center;align-items:center;min-height:60vh;display:flex}.error-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-width:28rem;padding:1.5rem}.error-text{color:#dc2626;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.overview-container{background-color:#121214}.overview-title,.topics-title,.article-title{color:#f9fafb}.overview-description,.results-count-text,.article-summary{color:#9ca3af}.search-input{color:#fff;background-color:#1f2937;border-color:#4b5563}.search-input::placeholder{color:#6b7280}.tag-button{color:#d1d5db;background-color:#1f2937;border-color:#4b5563}.tag-button:hover{background-color:#374151}.article-card{background-color:#1f293780}.article-card:hover{background-color:#1f2937;border-color:#4b5563}.article-date{color:#6b7280}.article-tag{color:#9ca3af;background-color:#37415180}.pagination-button,.pagination-page{color:#d1d5db}.pagination-page:hover{background-color:#1f2937}.error-box{background-color:#7f1d1d33;border-color:#991b1b}.error-text{color:#f87171}.skeleton{background:linear-gradient(90deg,#1f2937 25%,#374151 50%,#1f2937 75%) 0 0/200% 100%}.skeleton-article-card{background-color:#1f293780}}