.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.topic-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border:1px solid rgba(15,23,42,.12);border-radius:14px;text-decoration:none;background:#fff}
.topic-card:hover{border-color:#0d9488}.topic-card strong{color:#0f172a}.topic-card span,.topic-card small{color:#64748b;font-size:.92rem}
.topic-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;margin-top:1rem}.topic-related{font-size:.92rem;color:#475569}
.topic-tool-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}
.topic-tool-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(15,23,42,.1);border-radius:12px}
.topic-tool-row p{margin:.35rem 0 0;color:#475569;font-size:.95rem}
.topic-tool-meta{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;font-size:.85rem;color:#64748b;white-space:nowrap}
.topic-compare-wrap{overflow-x:auto;margin-top:1rem}.topic-compare-table{width:100%;border-collapse:collapse;font-size:.95rem}
.topic-compare-table th,.topic-compare-table td{padding:.7rem .8rem;border-bottom:1px solid rgba(15,23,42,.1);text-align:left}
.topic-compare-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.topic-compare-outro{margin-top:1.25rem;color:#334155;line-height:1.6}
.button-primary{display:inline-block;padding:.55rem 1rem;border-radius:999px;text-decoration:none;background:#0d9488;color:#fff}
.button-secondary{display:inline-block;padding:.55rem 1rem;border-radius:999px;text-decoration:none;border:1px solid rgba(15,23,42,.15);color:#0f172a}