.subject-hero{position:relative;padding-top:calc(var(--header-h) + 5rem);padding-bottom:2.5rem;overflow:hidden}.subject-hero__bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}.subject-hero__bg-grid::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 100%,transparent 40%,var(--color-bg) 100%)}.subject-hero__glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,var(--subject-accent,var(--color-purple)) 0,transparent 70%);opacity:.08;pointer-events:none;filter:blur(40px)}.subject-hero__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;animation:subject-fade-up .6s ease both}.subject-hero__breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.82rem;color:var(--color-text-muted)}.subject-hero__breadcrumb-home{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-muted);transition:color var(--transition)}.subject-hero__breadcrumb-home:hover{color:var(--color-text)}.subject-hero__breadcrumb-home svg{width:13px;height:13px}.subject-hero__breadcrumb-sep{opacity:.4}.subject-hero__breadcrumb-current{color:var(--color-text-sub)}.subject-hero__meta{margin-bottom:.75rem}.subject-hero__slug{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--subject-accent,var(--color-purple));opacity:.9}.subject-hero__title{font-size:clamp(2rem, 4vw, 3rem);color:var(--color-text);margin-bottom:1rem;line-height:1.2}.subject-hero__count{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);letter-spacing:.05em}.subject-hero__count span{color:var(--subject-accent,var(--color-purple));font-weight:700}.topic-list{padding:1.5rem 2rem 6rem}.topic-list__inner{max-width:1200px;margin:0 auto}.topic-list__sort{display:flex;gap:.5rem;margin-bottom:1.5rem}.topic-list__sort-btn{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.45rem 1rem;text-decoration:none;transition:border-color var(--transition),color var(--transition)}.topic-list__sort-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.topic-list__sort-btn.is-active{border-color:var(--subject-accent,var(--color-purple));color:var(--subject-accent,var(--color-purple))}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.topic-card{display:flex;align-items:center;gap:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem 1.75rem;transition:border-color var(--transition),background var(--transition),transform var(--transition);animation:subject-fade-up .5s ease both;animation-delay:calc(var(--card-index, 0) * .06s)}.topic-card:hover{border-color:var(--subject-accent,var(--color-purple));background:var(--color-surface-2);transform:translateY(-2px)}.topic-card__number{font-family:var(--font-mono);font-size:1.2rem;color:var(--subject-accent,var(--color-purple));opacity:.8;flex-shrink:0;min-width:24px;transition:opacity var(--transition)}.topic-card:hover .topic-card__number{opacity:1}.topic-card__body{flex:1;min-width:0}.topic-card__title{font-size:1rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;transition:color var(--transition)}.topic-card:hover .topic-card__title{color:var(--subject-accent,var(--color-purple))}.topic-card__tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.topic-card__tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.15rem .5rem}.topic-card__stats{margin-top:.55rem;display:flex;gap:1rem}.topic-card__stat{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;color:var(--color-text-sub)}.topic-card__arrow{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition),transform var(--transition)}.topic-card:hover .topic-card__arrow{color:var(--subject-accent,var(--color-purple));transform:translateX(4px)}.topic-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:6rem 2rem;text-align:center}.topic-empty__icon{width:48px;height:48px;color:var(--color-text-muted);margin-bottom:.5rem;opacity:.5}.topic-empty__icon svg{width:100%;height:100%}.topic-empty__text{font-size:1rem;color:var(--color-text-sub);font-weight:500}.topic-empty__sub{font-size:.875rem;color:var(--color-text-muted);font-weight:300;margin-bottom:1.25rem}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2.5rem;padding-bottom:1rem}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.8rem;text-decoration:none;transition:border-color var(--transition),color var(--transition),background var(--transition)}.pagination__btn svg{width:14px;height:14px}.pagination__btn:hover:not(.pagination__btn--disabled):not(.pagination__num--active){border-color:var(--subject-accent,var(--color-purple));color:var(--subject-accent,var(--color-purple))}.pagination__btn--disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.pagination__num--active{border-color:var(--subject-accent,var(--color-purple));background:var(--subject-accent,var(--color-purple));color:#0f0f1a;font-weight:700;cursor:default}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);letter-spacing:.05em;user-select:none}[data-theme=light] .pagination__num--active{color:#fff}@keyframes subject-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.topic-filter{margin-bottom:1rem}.topic-filter__meta{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.topic-filter__form{display:flex;gap:.5rem}.topic-filter__input{flex:1 1 auto;min-width:0;font-family:var(--font-sans);font-size:.9rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.7rem 1rem;transition:border-color var(--transition)}.topic-filter__input:focus{outline:0;border-color:var(--subject-accent,var(--color-purple))}.topic-filter__submit{flex-shrink:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:var(--subject-accent,var(--color-purple));background:0 0;border:1px solid var(--subject-accent,var(--color-purple));border-radius:var(--radius-sm);padding:0 1.25rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.topic-filter__submit:hover{background:var(--subject-accent,var(--color-purple));color:var(--color-bg)}.topic-filter__tags{display:flex;flex-wrap:wrap;gap:.4rem}.topic-filter__tag{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.3rem .75rem;text-decoration:none;transition:border-color var(--transition),color var(--transition)}.topic-filter__tag:hover{border-color:var(--color-border-hover);color:var(--color-text)}.topic-filter__tag.is-active{border-color:var(--subject-accent,var(--color-purple));color:var(--subject-accent,var(--color-purple))}.topic-filter__tag-count{font-size:.65rem;opacity:.6}.topic-filter__summary{font-size:.85rem;color:var(--color-text-muted)}.topic-filter__summary span{color:var(--color-text)}.topic-filter__global{display:inline-block;margin-bottom:1.25rem;font-size:.85rem;color:var(--color-purple);text-decoration:underline}.topic-filter__reset{margin-left:.5rem;color:var(--subject-accent,var(--color-purple));text-decoration:underline}.topic-card__subject{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--subject-accent,var(--color-purple));margin-bottom:.25rem}.topic-card__number--slug{font-size:.72rem;letter-spacing:.06em;min-width:56px}@media (max-width:768px){.topic-grid{grid-template-columns:1fr}.subject-hero{padding-top:calc(var(--header-h) + 3rem);padding-bottom:1.5rem}}@media (max-width:480px){.topic-card{padding:1.25rem}}[data-theme=light] .topic-card{background:var(--color-surface)}[data-theme=light] .topic-card:hover{background:var(--color-surface-2)}[data-theme=light] .topic-card__tag{background:var(--color-bg);border-color:rgba(108,99,255,.18)}[data-theme=light] .subject-hero__bg-grid{opacity:.25}