.topichero{background:var(--secondary-900);padding:var(--space-12)0 var(--space-10);position:relative;overflow:hidden;margin-bottom:0}.topichero::before{content:"";position:absolute;top:-20%;right:8%;width:32rem;height:32rem;background:radial-gradient(circle,rgba(37,99,235,.07)0,transparent 65%);pointer-events:none}.topicherocontainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-8);position:relative}.tl-breadcrumb{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;align-items:center;gap:.5rem}.tl-breadcrumb li{font-size:var(--font-size-sm);color:rgba(255,255,255,.4)}.tl-breadcrumb li+li::before{content:"/";margin-right:.5rem;color:rgba(255,255,255,.2)}.tl-breadcrumb a{color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--transition-fast)}.tl-breadcrumb a:hover{color:#fff}.tl-breadcrumb .current{color:rgba(255,255,255,.85)}.topicherotitle{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:#fff;margin:0 0 .75rem;letter-spacing:-.03em;line-height:1.15}.topicherodescription{font-size:var(--font-size-base);color:rgba(255,255,255,.55);max-width:38rem;line-height:1.7;margin:0 0 var(--space-5)}.tl-hero-meta{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.tl-hero-meta .tl-count,.tl-hero-meta span{font-size:var(--font-size-sm);color:rgba(255,255,255,.45)}.tl-hero-meta .tl-count{background:rgba(37,99,235,.15);color:rgba(255,255,255,.85);padding:.2rem .75rem;border-radius:var(--radius-full);font-weight:600}.stpage{max-width:var(--container-xl);margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-16)}.topicgrid{margin-bottom:var(--space-8)}.topicgridcontainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr));gap:var(--space-6)}.topiccard{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all var(--transition-base)}.topiccard:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.topiccardimage{width:100%;height:12.5rem;overflow:hidden;display:block;background:var(--gray-100)}.topiccardimage img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.topiccard:hover .topiccardimage img{transform:scale(1.04)}.topiccardcontent{padding:var(--space-5) var(--space-6);flex:1;display:flex;flex-direction:column}.topiccardcontent .categorytag{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-600);background:rgba(37,99,235,.06);padding:.2rem .5rem;border-radius:var(--radius-sm);margin-bottom:.625rem;display:inline-block;align-self:flex-start}.topiccardcontent h3,.topiccardcontent p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.topiccardcontent h3{font-size:var(--font-size-base);line-height:1.4;margin:0 0 .375rem;-webkit-line-clamp:2}.st-empty a,.topiccardcontent h3 a{color:inherit;text-decoration:none}.topiccardcontent h3 a:hover{color:var(--primary-600)}.topiccardcontent p{font-size:var(--font-size-sm);line-height:1.6;color:var(--gray-500);margin:0 0 var(--space-4);flex:1;-webkit-line-clamp:3}.topiccardcontent .meta{font-size:var(--font-size-xs);color:var(--gray-400);display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--gray-100);margin-top:auto}.st-empty{text-align:center;padding:var(--space-20) var(--space-8);color:var(--gray-400)}.sectionheading,.st-empty h2,.topiccardcontent h3{font-family:var(--font-heading);font-weight:700;color:var(--gray-900)}.st-empty h2{font-size:var(--font-size-2xl);margin:0 0 .625rem}.st-empty p{font-size:var(--font-size-base);margin:0 0 var(--space-6);line-height:1.6;max-width:28rem;margin-left:auto;margin-right:auto}.st-empty a{display:inline-block;padding:.75rem 1.75rem;background:var(--primary-600);color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.st-empty a:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sectionheading{font-size:var(--font-size-xl);margin:0 0 var(--space-5);letter-spacing:-.015em}.pagination{display:flex;justify-content:center;align-items:center;gap:.375rem;margin:var(--space-10)0}.paginationbtn,.paginationnumber{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;color:var(--gray-600);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.paginationbtn:hover,.paginationnumber:hover{color:var(--primary-600);border-color:var(--primary-500);background:rgba(37,99,235,.04)}.paginationnumber.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600);font-weight:600}.paginationbtn.disabled{opacity:.35;pointer-events:none}@media (max-width:768px){.stpage{padding:var(--space-6) var(--space-5) var(--space-12)}.topichero{padding:var(--space-8)0 var(--space-6)}.topicherocontainer{padding:0 var(--space-5)}.topicgridcontainer{grid-template-columns:1fr;gap:var(--space-4)}.topiccardimage{height:10rem}}@media (max-width:480px){.topicherotitle{font-size:1.5rem}.topiccardcontent{padding:var(--space-4) var(--space-5)}}@media (prefers-reduced-motion:reduce){.st-empty a,.topiccard{transition:none}}