.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px;margin:26px 0}.topic-card{position:relative;isolation:isolate;min-height:300px;padding:30px 24px;border:1px solid hsla(var(--topic-hue),65%,65%,.2);border-radius:24px;background:radial-gradient(ellipse at 25% 0%,hsla(var(--topic-hue),65%,50%,.16),transparent 65%),#101521;transition:transform .3s,border-color .3s,box-shadow .3s}.topic-card:hover,.topic-card:focus-within{transform:translateY(-7px);border-color:hsla(var(--topic-hue),70%,65%,.65);box-shadow:0 18px 45px #0005}.topic-card h2{font-size:1.15rem;line-height:1.9;margin:22px 0 8px}.topic-card h2 a{color:inherit;text-decoration:none}.topic-symbol{display:grid;place-items:center;width:68px;height:68px;color:hsl(var(--topic-hue),75%,72%);border:1px solid currentColor;border-radius:22px;background:hsla(var(--topic-hue),65%,65%,.08);box-shadow:0 0 25px hsla(var(--topic-hue),65%,65%,.12);animation:topic-float 5s ease-in-out infinite;animation-delay:var(--topic-delay)}.topic-symbol svg{width:34px;height:34px}.topic-orbit{position:absolute;inset:16px auto auto 20px;width:65px;height:65px;border:1px dashed hsla(var(--topic-hue),65%,65%,.25);border-radius:50%;animation:topic-spin 25s linear infinite;pointer-events:none}.topic-orbit:after{content:'';position:absolute;top:0;left:14px;width:6px;height:6px;border-radius:50%;background:hsl(var(--topic-hue),75%,72%);box-shadow:0 0 12px currentColor}.topic-count{color:#b7c4d7}.topic-description{font-size:.85rem;line-height:2;color:#b7c4d7;margin:14px 0}.topic-description summary{cursor:pointer;color:#d6deec}.topic-description p{margin:8px 0}.topic-open{margin-top:10px}.topic-card:hover .topic-description:not([open]){position:relative}.topic-card:hover .topic-description:not([open])::after,.topic-card:focus-within .topic-description:not([open])::after{content:attr(data-subtitle);display:block;line-height:2;margin-top:8px}@keyframes topic-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes topic-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.topic-symbol,.topic-orbit{animation:none}.topic-card{transition:none}.topic-card:hover,.topic-card:focus-within{transform:none}}@media(max-width:540px){.topic-grid{gap:14px}.topic-card{padding:24px;min-height:270px}}
.has-topic-art{padding:0!important;min-height:0!important;aspect-ratio:1052/1494;overflow:hidden;background:#080b13;border:0;box-shadow:0 10px 30px #0004}
.topic-art{display:block;width:100%;height:100%;object-fit:contain}
.has-topic-art .topic-symbol{display:none}
.has-topic-art h2{display:contents}
.has-topic-art h2 a{position:absolute;inset:0;z-index:1;font-size:0;color:transparent;border-radius:24px}
.has-topic-art h2 a:focus-visible{outline:3px solid #7fffe0;outline-offset:-4px}
.has-topic-art .topic-orbit{inset:6.2% auto auto 9%;width:20.5%;height:auto;aspect-ratio:1;border:1px dashed #ffffff30;z-index:2}
.has-topic-art .topic-orbit:after{width:8px;height:8px;top:80%;left:84%;background:#b8fff0;box-shadow:0 0 14px #9fffe8}
.has-topic-art .topic-count{position:absolute;bottom:88px;right:24px;z-index:2;margin:0;padding:3px 12px;border-radius:12px;background:#080b13d9;color:white;font-size:.8rem;pointer-events:none}
.has-topic-art .topic-description{position:absolute;bottom:44px;right:24px;left:24px;z-index:3;margin:0;padding:4px 12px;border-radius:12px;background:#080b13ed;font-size:.75rem}
.has-topic-art .topic-description summary{color:#fff}
.has-topic-art .topic-open{position:absolute;bottom:12px;right:24px;z-index:3;margin:0;padding:5px 16px;font-size:.75rem;background:#080b13e8}
.has-topic-art:hover .topic-description:not([open]){position:absolute}

.topic-card.has-topic-art:hover .topic-description:not([open]){position:absolute}