.topic-hero{background:#fff;border:1px solid var(--tblr-border-color);border-radius:8px;padding:1.5rem;margin-bottom:1rem}
.topic-hero h1{font-size:1.5rem;color:#1d273b;margin:0 0 .5rem}
.topic-hero p{max-width:860px;color:#626976;line-height:1.8;margin:0}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.875rem}
.topic-card{display:block;background:#fff;border:1px solid var(--tblr-border-color);border-radius:8px;padding:1rem;text-decoration:none;color:inherit}
.topic-card:hover{border-color:var(--tblr-primary);box-shadow:0 2px 10px rgba(32,107,196,.09);text-decoration:none}
.topic-card strong{display:block;font-size:1rem;color:#1d273b;margin-bottom:.35rem}
.topic-card span{display:block;font-size:.875rem;color:#626976;line-height:1.75}
.topic-card em{display:inline-block;font-style:normal;font-size:.75rem;color:#206bc4;background:#eef6ff;border:1px solid #d7e8ff;border-radius:999px;padding:.1rem .45rem;margin-top:.75rem}
.topic-section{background:#fff;border:1px solid var(--tblr-border-color);border-radius:8px;padding:1.25rem;margin-top:1rem}
.topic-section h2{font-size:1.125rem;margin:0 0 .5rem;color:#1d273b}
.topic-section h3{font-size:.95rem;margin:.9rem 0 .35rem;color:#1d273b}
.topic-section p,.topic-section li{font-size:.875rem;color:#626976;line-height:1.85}
.topic-section p{margin:.4rem 0}
.topic-tool-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin-top:.75rem}
.topic-tool-link{display:block;border:1px solid #e7edf5;border-radius:6px;background:#f8fafc;padding:.75rem;text-decoration:none;color:inherit}
.topic-tool-link:hover{border-color:var(--tblr-primary);background:#eef6ff;text-decoration:none}
.topic-tool-link strong{display:block;font-size:.875rem;color:#1d273b;margin-bottom:.2rem}
.topic-tool-link span{display:block;font-size:.78rem;color:#626976;line-height:1.55}
.topic-note-list{padding-left:1.1rem;margin:.5rem 0 0}
.topic-faq details{border-top:1px solid #eef2f7;padding:.65rem 0}
.topic-faq details:first-child{border-top:none}
.topic-faq summary{cursor:pointer;font-size:.875rem;font-weight:600;color:#1d273b}
.topic-faq p{margin:.45rem 0 0}
@media(max-width:640px){.topic-hero{padding:1.1rem}.topic-hero h1{font-size:1.25rem}.topic-section{padding:1rem}.topic-grid,.topic-tool-list{grid-template-columns:1fr}}