@layer components{.topic-hero{padding-block:40px 8px}.topic-hero .breadcrumb{margin-bottom:22px}.topic-hero h1{margin-block:10px 8px;font-size:clamp(2rem,4vw,3rem);line-height:1.4}.topic-count{color:var(--muted);font-size:.95rem}.topic-group{padding-block:32px}.topic-group-title{color:var(--muted);margin-bottom:20px;font-size:1.15rem}.topic-cloud{flex-wrap:wrap;gap:10px;display:flex}.topic-chip{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);transition:border-color .25s var(--ease-editorial), background .25s var(--ease-editorial);border-radius:999px;align-items:center;gap:10px;padding:6px 16px;font-size:.95rem;display:inline-flex}.topic-chip:hover{border-color:var(--green);background:var(--soft-2);color:var(--green)}.topic-cloud-large .topic-chip{min-height:48px;padding-inline:20px;font-size:1.05rem}.topic-chip-count{background:var(--soft-2);min-width:26px;height:26px;color:var(--green);border-radius:999px;place-items:center;padding-inline:6px;font-size:.78rem;display:inline-grid}.topic-lead{max-width:62ch;color:var(--ink);margin:0 0 10px;font-size:1.12rem;line-height:1.95}.topic-start h2,.topic-faq h2{font-family:var(--font-heading);margin-bottom:18px;font-size:clamp(1.3rem,2.4vw,1.7rem)}.topic-start-list{counter-reset:start;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.topic-start-list li{counter-increment:start}.topic-start-item{border:1px solid var(--line);background:var(--surface);height:100%;color:inherit;transition:border-color .25s, box-shadow .3s, transform .3s var(--ease-editorial,ease);border-radius:20px;grid-template-columns:76px 1fr;align-items:start;gap:18px;padding:18px 18px 18px 22px;display:grid;position:relative}.topic-start-item:hover{border-color:var(--line-active);box-shadow:0 14px 30px -18px var(--shadow-lg);transform:translateY(-3px)}.topic-start-item:after{content:counter(start);background:var(--green);width:28px;height:28px;color:var(--paper);font-family:var(--font-heading);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;inset-block-start:14px;inset-inline-end:16px}.topic-start-cover .book-cover,.topic-start-cover img{box-shadow:0 8px 18px -8px var(--shadow-lg);border-radius:3px}.topic-start-badge{aspect-ratio:2/3;background:var(--soft);width:76px;color:var(--green);border-radius:10px;place-items:center;display:grid}.topic-start-text{flex-direction:column;gap:4px;padding-inline-end:34px;display:flex}.topic-start-text strong{font-family:var(--font-heading);font-size:1.02rem;font-weight:600;line-height:1.55}.topic-start-author{color:var(--muted);font-size:.85rem}.topic-start-why{color:var(--ink);margin-top:4px;font-size:.92rem;line-height:1.8}.topic-essay .prose{max-width:72ch}.topic-faq details{border-bottom:1px solid var(--line);max-width:72ch}.topic-faq summary{font-family:var(--font-heading);cursor:pointer;padding:16px 0;font-weight:600}.topic-faq details p{color:var(--ink);margin:0 0 16px;line-height:1.9}.topic-jump{margin-top:22px}.topic-shelf{padding-block:28px;scroll-margin-top:90px}.topic-shelf-title{font-family:var(--font-heading);margin-bottom:18px;font-size:clamp(1.25rem,2.2vw,1.55rem)}.topic-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.topic-card{border:1px solid var(--line);background:var(--surface);height:100%;color:inherit;transition:border-color .25s, box-shadow .3s, transform .3s var(--ease-editorial,ease);border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.topic-card:hover{border-color:var(--line-active);box-shadow:0 14px 30px -18px var(--shadow-lg);transform:translateY(-3px)}.topic-card-books{gap:8px;margin-bottom:6px;display:flex}.topic-card-book{width:46px}.topic-card-book .book-cover,.topic-card-book img{box-shadow:0 6px 14px -8px var(--shadow-lg);border-radius:3px}.topic-card strong{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;line-height:1.5}.topic-card-blurb{color:var(--ink);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.8;display:-webkit-box;overflow:hidden}.topic-card-count{color:var(--muted);margin-top:auto;padding-top:6px;font-size:.85rem}}