/* Composition only: Knowledge rows, Prompt cover layout and shared type/rhythm. */
.topic-back{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);padding-bottom:var(--space-5)}
.topic-collection .library-title h1{align-items:flex-start;min-width:0;overflow-wrap:anywhere}
.topic-collection .library-title h1>span{min-width:0}
.topic-collection .library-title-icon{margin-top:var(--space-2)}
.topic-section-picker{padding-top:var(--section-space)}
.topic-section-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.topic-section-nav .topic-option{width:auto;min-width:0;background:var(--soft);gap:var(--space-3)}
.topic-section-nav .topic-option[aria-selected="true"]{background:var(--selection-background);color:var(--selection-text)}
.topic-tag-panel,.topic-section{padding-top:var(--section-space)}
.topic-tags-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2) var(--card-gap)}
.topic-tags-grid .kb-topic-button{background:var(--soft);min-width:0}
.topic-tags-grid .kb-topic-button>span:first-child{overflow-wrap:anywhere}
.topic-section{scroll-margin-top:var(--space-6)}
/* Browsers may focus the fragment target on reload. Only the panel frame is hidden;
   tabs and links retain the shared keyboard focus indicators. */
.topic-section[role="tabpanel"]:focus{outline:none}
.topic-collection .kb-catalog-head{align-items:center;flex-wrap:wrap;gap:var(--space-4)}
.topic-list-status{margin-top:var(--space-3)}
.topic-collection .kb-item .library-tags .library-meta{margin:0}
.topic-collection .kb-item .library-tags a:hover{color:var(--orange)}
.topic-more{padding-top:var(--space-6)}
@media(max-width:1000px){.topic-tags-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.topic-tags-grid{grid-template-columns:minmax(0,1fr)}.topic-section-nav .topic-option{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
