.topics-page .places-hero{display:block;max-width:850px}
.topics-page .places-hero-copy>p{max-width:60ch}
.topic-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;max-height:220px;overflow:auto;padding:3px}
.topic-index a{display:flex;gap:12px;align-items:center;border:1px solid var(--places-line);border-radius:999px;padding:11px 16px;min-height:44px;text-decoration:none;font-size:13px;color:var(--muted)}
.topic-index a span{font-size:10px;opacity:.7}
.topic-index a[aria-current],.topic-index a:hover{color:var(--fg);background:#b6c7b716;border-color:#c5d2c685}
.topic-index a:focus-visible,.topic-controls :focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.topic-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:16px}
.topic-controls label{display:grid;gap:8px;font-size:12px;color:var(--muted)}
.topic-controls input,.topic-controls select,.topic-controls button{font:inherit;color:var(--fg);background:var(--bg,#121414);border:1px solid var(--places-line);border-radius:12px;min-height:44px;padding:10px 14px;max-width:100%}
.topic-controls input{width:min(320px,100%)}
.topic-reason{color:var(--fg)}
.topic-related-tags{line-height:1.8}
@media(max-width:600px){.topic-controls{display:grid;grid-template-columns:1fr}.topic-controls input{width:100%}.topic-index{max-height:180px}}

.topic-browser{margin:0 0 28px}.topic-browser summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--muted);font-size:14px}.topic-browser[open] summary{margin-bottom:12px}.topic-browser .topic-index{margin-bottom:0}
.topic-group{margin:24px 0}.topic-group h2{font-size:16px;font-weight:400;letter-spacing:0;margin:0 0 16px}.topic-group .topic-index{max-height:none;overflow:visible}.topic-directory-search{display:grid;gap:10px;max-width:420px;font-size:12px;color:var(--muted)}.topic-directory-search input{font:inherit;font-size:15px;color:var(--fg);background:transparent;border:1px solid var(--places-line);border-radius:12px;min-height:44px;padding:10px 14px;width:100%}.topic-directory-search input:focus-visible{outline:2px solid var(--fg);outline-offset:3px}

.page-topic-links{margin-top:48px;padding-top:24px;border-top:1px solid #c5d3ca26}.page-topic-links h2{font-size:22px;font-weight:400}.page-topic-links p{line-height:2.2}.page-topic-links a{display:inline-block;padding:2px 8px;border-radius:8px;text-underline-offset:4px}.page-topic-links a:hover{background:#b6c7b716}.page-topic-links a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}