/* Original supplied brand artwork, kept intact in both themes. */
.brand > img, .reader-brand > img {
  display: block;
  width: 52px;
  height: 54px;
  object-fit: contain;
  flex: 0 0 auto;
  background: #fff;
  border-radius: 3px;
}
.resource-project { grid-template-columns: 56px minmax(0, 1fr) minmax(150px, 230px); align-items: start; }
.resource-project-copy { min-width: 0; }
.resource-project-copy > p { max-width: 55ch; }
.resource-project-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.resource-project-actions a { min-height: 44px; }
.resource-project .resource-meta { white-space: normal; line-height: 1.8; }
.resource-project .resource-meta span { margin-top: 8px; }
:root[data-theme="light"] .search-hints button,
:root[data-theme="light"] .section-head h2 span { color: #5d5968; }
@media (max-width: 800px) {
  .resource-project { grid-template-columns: 46px minmax(0, 1fr); }
  .resource-project .resource-meta { grid-column: 2; }
}
@media (max-width: 540px) {
  .site-header { gap: 8px; padding-inline: 20px; }
  .site-header .brand { gap: 8px; }
  .site-header .brand strong { font-size: 19px; letter-spacing: -.4px; }
  .site-header .brand small { letter-spacing: 1.5px; }
  .site-header .account-trigger { width: 44px; height: 44px; min-height: 44px; padding: 0; }
  .site-header .account-trigger span { display: none; }
  .site-header .header-save { min-height: 44px; gap: 4px; }
  .brand > img, .reader-brand > img { width: 44px; height: 46px; }
  .resource-project { grid-template-columns: 1fr; gap: 18px; }
  .resource-project > .resource-icon { display: none; }
  .resource-project .resource-meta { grid-column: 1; }
  .resource-project-actions { align-items: stretch; flex-direction: column; }
  .resource-project-actions a { justify-content: center; }
}