/* PSC home v17 (Claude, 14 Nov 2026): hero search, popular topics, Ask PSC card. */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.hero-search {
  display: flex;
  gap: .5rem;
  max-width: 34rem;
  margin-top: 1.4rem;
}
.hero-search input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 2.9rem;
  padding: .55rem .95rem;
  border: 1px solid #9ab2ab;
  border-radius: .5rem;
  background: var(--white);
  color: var(--ink);
  font: inherit;
}
.hero-search input:focus-visible { outline: 3px solid #14727d; outline-offset: 2px; }
.hero-search .button { flex: none; }
.hero-topics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .75rem;
  max-width: 34rem;
  margin-top: .7rem !important;
  color: var(--muted);
  font-size: .9rem !important;
}
.hero-topics span { font-weight: 650; }
.hero-topics a { color: var(--teal); font-weight: 650; text-underline-offset: .2em; }
.hero .actions { margin-top: 1.1rem; }
.learning-card .access-note a { color: inherit; font-weight: 700; }
.ask-card { background: #f1edf9; border-color: #d9cdea; }
.ask-card .card-title { color: #372254; }
@media (min-width: 64rem) {
  .learning-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 47.01rem) and (max-width: 63.99rem) {
  .learning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 32rem) {
  .hero-search { flex-direction: column; }
  .hero-search .button { width: 100%; justify-content: center; }
}