.filters {
  grid-template-columns: minmax(220px, 1fr) repeat(4, auto) auto;
}

.discovery-shortcuts { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin:20px 0 5px; }
.discovery-shortcuts button { padding:7px 12px; border:1px solid var(--line); border-radius:999px; background:#fffdf8; color:var(--ink); }
.discovery-shortcuts button:hover,.discovery-shortcuts button.active { border-color:var(--ink); background:var(--ink); color:#fff; }
.resource-card > small { color:var(--muted); }
.resource-detail .report-button { padding:0; border:0; background:transparent; color:var(--red); text-decoration:underline; }
.related-resources { margin-top:20px; padding-top:15px; border-top:1px solid var(--line); }
.related-resources h3,.related-resources p { margin:6px 0; }

.resource-header > span:last-child {
  text-align: right;
}

.resource-card footer .favorite {
  color: #7b5a18;
}

.resource-ai {
  margin-top: 24px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffdf8;
}

.resource-ai h2 { margin: 0; }
.resource-ai p { color: var(--muted); }
.resource-ai form { display: flex; gap: 8px; }
.resource-ai input {
  flex: 1;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
}
.resource-ai button {
  border: 0;
  border-radius: 5px;
  background: var(--ink);
  color: #fff;
  padding: 10px 18px;
}
.resource-ai div {
  margin-top: 12px;
  padding: 12px;
  background: var(--paper);
  white-space: pre-wrap;
}
.resource-ai div > a { display:block; margin-top:7px; color:var(--ink); overflow-wrap:anywhere; }

@media (max-width: 850px) {
  .filters { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .filters, .resource-ai form { grid-template-columns: 1fr; display: grid; }
}