.topic-article .insight-section > div { min-width: 0; }
.topic-table-wrap { max-width: 100%; margin: 24px 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.topic-table-wrap:focus-visible { outline: 3px solid var(--deep); outline-offset: 3px; }
.topic-table-wrap table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: 14px; line-height: 1.65; }
.topic-table-wrap th, .topic-table-wrap td { padding: 13px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.topic-table-wrap th { background: #edf7f1; color: var(--deep); font-weight: 700; }
.topic-table-wrap tr:last-child td { border-bottom: 0; }
.topic-code { max-width: 100%; margin: 24px 0; padding: 20px; overflow: auto; border-radius: 12px; background: #142b21; color: #eff9f3; white-space: pre; font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.topic-evidence { margin: 25px 0; }
.topic-evidence img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 12px; }
.topic-evidence figcaption { margin-top: 10px; color: #647b6f; font-size: 13px; line-height: 1.7; }
.topic-related { margin-top: 30px; padding: 24px 28px; border: 1px solid var(--line); border-radius: 16px; }
.topic-related h2 { margin: 0 0 14px; font-size: 20px; }
.topic-related ul { display: grid; gap: 12px; margin: 0; padding-left: 18px; }
.topic-related a { color: var(--deep); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
@media (max-width: 760px) { .topic-code { padding: 16px; font-size: 12px; }.topic-related { padding: 20px; }.topic-table-wrap th, .topic-table-wrap td { padding: 11px 12px; } }