.content-browser [hidden] { display: none !important; }
.content-browser .content-pagination { justify-content: center; }
.content-browser [data-content-next] { min-width: 44px; min-height: 44px; }
.content-browser [data-content-next]:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

.content-browser .content-tags-toggle { min-width: 44px; min-height: 44px; margin-top: 8px; }
.content-browser .content-tags-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.content-browser .content-card:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }

.site-chrome .feature-panel { position: relative; }
.site-chrome .feature-panel .feature-copy { position: static; z-index: auto; }
.site-chrome .feature-panel .feature-copy h3 a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.site-chrome .feature-panel .feature-copy h3 a:focus-visible::after { outline: 2px solid currentColor; outline-offset: -3px; }
.site-chrome .feature-panel .feature-action { position: relative; z-index: 3; }

.content-browser .content-card .work-card-title-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  min-inline-size: 0;
}
.content-browser .content-card .work-card-title-line h2 {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.content-browser .content-card .work-status {
  display: inline-flex;
  flex: none;
  padding: 2px 8px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: #8ad6e5;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}

[data-content-sort-status] { grid-column:1/-1; flex-basis:100%; margin:0; font-size:.875rem; }
[data-content-sort-status]:empty { display:none; }
.content-blog .content-sort-label { display:none; }
