.topic-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.topic-nav a { padding:10px 16px; border:1px solid var(--border-color, #718096); border-radius:22px; color:inherit; text-decoration:none; }
.topic-nav a[aria-current="page"], .topic-nav a:hover { background:var(--primary, #086b87); color:#fff; }
.topic-nav a:focus-visible { outline:3px solid #21b6d7; outline-offset:3px; }
.topic-intro { margin:0 0 32px; max-width:75ch; line-height:1.9; }
.topic-intro a { display:inline-block; margin-inline-end:18px; text-decoration:underline; }
.about-content { max-width:960px; margin-inline:auto; line-height:1.9; }
.about-content section { margin-block:36px; }
.about-content h2 { margin-bottom:16px; }
.about-content li { margin-block:10px; }
.about-content a { text-decoration:underline; }