.more-tag-overlay{z-index:1000;background-color:#12121499;flex-direction:column;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.more-tag-sheet{background-color:#fff;border-radius:16px 16px 0 0;flex-direction:column;max-height:70vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 0 24px #1212141a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-tag-content{flex-direction:column;flex:1;gap:16px;padding-bottom:8px;display:flex;overflow-y:auto}.more-tag-header-section{flex-direction:column;align-items:center;gap:12px;padding-top:12px;display:flex}.more-tag-drag-handle{justify-content:center;width:100%;display:flex}.more-tag-drag-bar{background-color:#dde1e5;border-radius:2px;width:40px;height:4px}.more-tag-header{justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.more-tag-title{color:#121214;font-size:18px;font-weight:600;line-height:26px}.more-tag-close{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.more-tag-close:hover{color:#121214}.more-tag-list{flex-wrap:wrap;gap:8px;padding:0 20px;display:flex}.more-tag-item{cursor:pointer;color:#6b7280;white-space:nowrap;background-color:#f3f5f7;border:none;border-radius:9999px;justify-content:center;align-items:center;height:40px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.more-tag-item:hover{background-color:#e5e7eb}.more-tag-item.selected{color:#f0960e;background-color:#f0960e1f}.more-tag-home-bar{justify-content:center;align-items:flex-end;height:34px;padding-bottom:8px;display:flex}.more-tag-home-indicator{background-color:#121214;border-radius:100px;width:134px;height:5px}
.overview-container{background-color:#fff;min-height:100vh}.overview-content{max-width:1200px;margin:0 auto;padding:3rem 20px}@media (min-width:768px){.overview-content{max-width:1440px;padding:3rem 120px}}.overview-header{background-color:#f3f5f7;margin:-3rem -1rem 32px;padding:20px}@media (min-width:768px){.overview-header{margin-bottom:3rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:82px 120px}}.overview-header-wrapper{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;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;max-width:800px}.overview-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}@media (min-width:768px){.overview-title-row{margin-bottom:24px;display:block}}.overview-title{color:#121214;flex:1;font-size:24px;font-weight:600;line-height:32px}@media (min-width:768px){.overview-title{font-size:48px;line-height:56px}}.overview-description{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:22px}@media (min-width:768px){.overview-description{max-width:42rem;margin-bottom:48px;font-size:18px;line-height:26px}}.search-wrapper{width:100%;position:relative}@media (min-width:768px){.search-wrapper{max-width:311px}}.search-input{color:#121214;background-color:#fff;border:1px solid #e9ecf0;border-radius:58px;outline:none;width:100%;height:36px;padding:8px 16px 8px 40px;font-size:14px;transition:all .2s}@media (min-width:768px){.search-input{border:1px solid #dde1e5;border-radius:68px;height:44px;padding:11px 16px 11px 44px}}.search-input::placeholder{color:#a1a5ab}.search-input:focus{border-color:#f0960e}.search-icon{color:#a1a5ab;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.overview-hero-image{flex-shrink:0}.overview-hero-image img{object-fit:cover}.overview-hero-mobile{display:block}.overview-hero-mobile img{width:100px;height:100px}.overview-hero-desktop{display:none}.overview-hero-desktop img{width:300px;height:300px}@media (min-width:768px){.overview-hero-mobile{display:none}.overview-hero-desktop{display:block}}.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{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:1rem;overflow-x:auto}.topics-tags::-webkit-scrollbar{display:none}.topics-tags-wrapper{flex-wrap:nowrap;gap:.5rem;display:flex}@media (min-width:768px){.topics-tags{overflow-x:visible}.topics-tags-wrapper{flex-wrap:wrap}}.tag-button{color:#6b7280;cursor:pointer;white-space:nowrap;background-color:#f3f5f7;border:none;border-radius:9999px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.tag-button:hover{background-color:#e5e7eb}.tag-button.selected{color:#f0960e;background-color:#f0960e1f}.tag-button-more{color:#f0960e;background-color:#f3f5f7}.tag-button-more:hover{background-color:#e5e7eb}.tag-button-desktop{display:none}.tag-button-mobile{display:inline-flex}@media (min-width:768px){.tag-button-desktop{display:inline-flex}.tag-button-mobile{display:none}}.results-count{margin-bottom:1.5rem}.results-count-text{color:#6b7280;font-size:14px}.articles-list{flex-direction:column;gap:16px;margin-bottom:3rem;display:flex}@media (min-width:768px){.articles-list{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}}.article-link{text-decoration:none;display:block}.article-card{background-color:#fff;border:1px solid #e9ecf0;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}@media (min-width:768px){.article-card{border-radius:16px;gap:12px;padding:24px 20px}}.article-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.article-header{flex-direction:column;gap:8px;display:flex}.article-title{color:#121214;font-size:16px;font-weight:600;line-height:24px;transition:color .2s}@media (min-width:768px){.article-title{font-size:18px;line-height:26px}}.article-link:hover .article-title{color:#f0960e}.article-date{display:none}.article-summary{color:#6b7280;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-tag{color:#6b7280;background-color:#f3f5f7;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500}.empty-state-wrapper{grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.load-more-trigger{justify-content:center;align-items:center;min-height:80px;padding:2rem 0;display:flex}.loading-indicator{justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid #f3f5f7;border-top-color:#f0960e;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-more-text{color:#9ca3af;text-align:center;font-size:14px}.pagination{color:#9ca3af;justify-content:center;align-items:center;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}}