/* The topic heading, count and Browse action form one compact banner. */
.topic-browse-banner{position:sticky;top:0;z-index:1;padding:10px 0 0;background:var(--workshop-panel,#faf9f7);border-bottom:1px solid #c52720}
.topic-browse-banner h2{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;font:600 11px/1.4 Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#383632}
.topic-browse-link{position:relative;display:flex;align-items:center;min-height:29px;color:#424348;font:600 14px/1.2 Roboto,Arial,sans-serif;text-decoration:none}
.topic-browse-link::before{content:"";position:absolute;inset:-15px 0 0}
.topic-browse-link:focus-visible{outline:2px solid #424348;outline-offset:-2px;border-radius:3px}
.about-browse-link{position:relative;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:#a4a3a4;text-decoration-thickness:1px;text-underline-offset:4px}
.about-browse-link::before{content:"";position:absolute;inset:-10px 0}
.about-browse-link:focus-visible{outline:2px solid #424348;outline-offset:4px;border-radius:3px}

.browse-shortcut{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 8px;color:#424348;font:600 13px/1.2 Roboto,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.browse-shortcut:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:3px}
.dock>.browse-shortcut{align-self:center}
.workshop-splash #sheet>.dock>.browse-shortcut{display:none}