.tc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}@media (max-width:1100px){.tc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.tc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}}.tc{display:flex;flex-direction:column;gap:14px;min-width:0;color:var(--mb-ink);text-decoration:none}.tc-stage{position:relative;aspect-ratio:1}.tc-book{position:absolute;inset:0;border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:inset 0 1px 0 rgb(255 255 255/.4),0 24px 34px -20px rgb(12 29 33/.5),0 6px 12px -6px rgb(12 29 33/.22);transition:transform .45s var(--ease,ease),box-shadow .45s var(--ease,ease)}.tc-book:after{content:"";position:absolute;inset:0 auto 0 0;width:7%;background:linear-gradient(90deg,rgb(12 29 33/.26),rgb(255 255 255/.12) 55%,rgb(12 29 33/.06))}.tc-albx{position:absolute;inset:0;display:grid;place-items:center;padding:4%;border-radius:12px;background:radial-gradient(70% 60% at 50% 45%,var(--mb-surface) 0,transparent 75%),var(--mb-paper-2)}.tc-albx img{display:block;max-width:100%;max-height:100%;border-radius:3px;box-shadow:0 14px 24px -14px rgb(12 29 33/.4);transition:transform .45s var(--ease,ease)}.tc:hover .tc-albx img,.tc:hover .tc-book{transform:translateY(-4px)}.tc-spread{position:absolute;inset:0;display:grid;place-items:center;padding:6%;border-radius:12px;background:radial-gradient(70% 60% at 50% 45%,var(--mb-surface) 0,transparent 75%),var(--mb-paper-2);opacity:0;transition:opacity .35s var(--ease,ease)}.tc-spread span{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:3px;overflow:hidden;box-shadow:0 18px 28px -16px rgb(12 29 33/.45)}.tc-spread span:after{content:"";position:absolute;inset:0 auto 0 calc(50% - 10px);width:20px;background:linear-gradient(90deg,transparent,rgb(12 29 33/.12) 50%,transparent)}.tc-spread img{display:block;width:100%;aspect-ratio:1;object-fit:cover}@media (hover:hover){.tc:hover .tc-spread{opacity:1}}.tc-badge{top:12px;left:12px}.tc-badge,.tc-views{z-index:2;position:absolute}.tc-views{right:12px;bottom:12px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--mb-surface) 85%,transparent);color:var(--mb-muted);font-family:var(--mb-font-mono);font-size:11px}.tc-nav{position:absolute;top:50%;translate:0 -50%;width:28px;height:28px;border:0;border-radius:999px;background:var(--mb-surface);color:var(--mb-ink);font-size:18px;line-height:1;box-shadow:0 2px 6px rgb(12 29 33/.12);cursor:pointer;opacity:0;transition:opacity .2s}.tc-nav.is-prev{left:8px}.tc-nav.is-next{right:8px}.tc-nav:focus-visible,.tc:hover .tc-nav{opacity:1}.tc-dots{position:absolute;bottom:10px;left:50%;translate:-50% 0;display:flex;gap:4px}.tc-dots button{width:5px;height:5px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--mb-ink) 25%,transparent);cursor:pointer}.tc-dots button.is-on{width:14px;background:var(--mb-action)}.tc-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding-inline:2px}.tc-body b{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.tc:hover .tc-body b{color:var(--mb-action)}.tc-body span{font-size:14px;color:var(--mb-muted)}@media (prefers-reduced-motion:reduce){.tc-albx,.tc-book{transition:none}}