/* Compact, accessible guide navigation and comparison tables. */
.topic-hub{margin:24px 0;padding:20px;border:1px solid #33435d;border-radius:14px;background:linear-gradient(120deg,#122332,#19172b)}
.topic-hub h2{font-size:clamp(20px,2.5vw,26px);line-height:1.3;margin:0 0 8px;color:#eef3ff}
.topic-hub p{font-size:14px;line-height:1.6;color:#abbcd3;margin:0 0 14px}
.topic-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.topic-hub-grid a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #35445f;border-radius:8px;font-size:13px;line-height:1.5;color:#84e8d6;text-decoration:none}
.topic-hub-grid a:hover,.topic-hub-grid a:focus-visible{border-color:#84e8d6;background:#19353d}
.topic-table-wrap{max-width:100%;overflow:auto;margin:18px 0;border:1px solid #33435d;border-radius:10px}
.topic-table{width:100%;border-collapse:collapse;color:#b3c5dd;font-size:14px;line-height:1.65}
.topic-table caption{padding:12px;text-align:left;color:#edf3ff;font-weight:600}
.topic-table th,.topic-table td{padding:12px;text-align:left;vertical-align:top;border-top:1px solid #33435d;overflow-wrap:anywhere}
.topic-table th{color:#84e8d6;background:#142539}
.topic-table th:first-child{width:28%}.topic-detail a{color:#84e8d6;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.topic-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.topic-hub{padding:14px;margin:18px 0}.topic-hub-grid a{font-size:12px;padding:9px}.topic-table{font-size:12px}.topic-table th,.topic-table td{padding:9px}}