.top-content-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#dc26260a 0%,#fff 50%,#dc262608 100%);padding:3rem 1.5rem 2.5rem}.top-content-hero-inner{max-width:1280px;margin:0 auto}.top-content-hero h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.top-content-hero p{color:var(--muted);max-width:42rem;margin:0;font-size:1.05rem;line-height:1.7}.top-content-categories{flex-wrap:wrap;gap:.5rem;max-width:1280px;margin:0 auto;padding:2rem 1.5rem 0;display:flex}.top-content-chip{border:1px solid var(--border);background:var(--panel);cursor:pointer;color:var(--muted);border-radius:999px;padding:.45rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.top-content-chip:hover{color:var(--text);border-color:#d4d4d4}.top-content-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #dc262640}.top-content-main{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.top-content-section-title{letter-spacing:-.02em;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.35rem;font-weight:700;display:flex}.top-content-section-title svg{color:var(--accent);flex-shrink:0}.top-content-grid-featured{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.top-content-grid-featured{grid-template-columns:repeat(2,1fr)}}.top-content-grid-latest{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.top-content-grid-latest{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.top-content-grid-latest{grid-template-columns:repeat(3,1fr)}}.top-content-card{background:var(--panel);border:1px solid var(--border);color:inherit;border-radius:.75rem;flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.top-content-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.top-content-card-image-wrap{background:#f5f5f5;height:14rem;overflow:hidden}.top-content-card--compact .top-content-card-image-wrap{height:12rem}.top-content-card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.top-content-card:hover .top-content-card-image-wrap img{transform:scale(1.04)}.top-content-card-body{flex-direction:column;flex:1;padding:1.35rem 1.25rem 1.25rem;display:flex}.top-content-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.top-content-badge{color:var(--text);background:#f5f5f5;border-radius:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-block}.top-content-read-time{color:var(--muted);font-size:.75rem}.top-content-card-title{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .65rem;font-size:1.15rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.top-content-card--compact .top-content-card-title{font-size:1rem}.top-content-card:hover .top-content-card-title{color:var(--accent)}.top-content-card-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 1rem;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.top-content-card-footer{color:var(--muted);align-items:center;gap:1rem;margin-top:auto;font-size:.75rem;display:flex}.top-content-card-footer span{align-items:center;gap:.35rem;display:inline-flex}.top-content-load-more{text-align:center;margin-top:3rem}.top-content-load-more button{border:1px solid var(--border);background:var(--panel);cursor:default;color:var(--muted);border-radius:.5rem;padding:.65rem 1.75rem;font-weight:500}.top-content-article{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.top-content-article-back{color:var(--accent);align-items:center;gap:.35rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.top-content-article-back:hover{text-decoration:underline}.top-content-article-header h1{margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.3}.top-content-article-cover{border:1px solid var(--border);border-radius:.75rem;margin-bottom:2rem;overflow:hidden}.top-content-article-cover img{object-fit:cover;width:100%;max-height:22rem;display:block}.top-content-article-meta{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;font-size:.875rem;display:flex}.top-content-article-meta span{align-items:center;gap:.35rem;display:inline-flex}