/* history.png list rhythm; supplied IA defines the four content filters. */
.saved-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.saved-filters button { min-height: 44px; padding: 8px 15px; border-radius: var(--radius-pill); background: var(--surface); color: var(--accent-strong); font: var(--weight-medium) var(--text-sm)/var(--leading-sm) var(--font-body); white-space: nowrap; }
.saved-filters button[aria-pressed="true"] { background: var(--option-selected-bg); }
.saved-filters button:hover { background: var(--accent-light); }
.saved-list { display: grid; gap: 16px; }
.saved-card { position: relative; min-width: 0; border-radius: var(--card-radius); background: var(--card-bg); }
.saved-card-link { display: block; padding: 18px 16px; border-radius: inherit; }
.saved-card-link:hover { background: var(--hover-surface); }
.saved-card-link:focus-visible { outline-offset: -3px; }
.saved-card-meta { padding-right: 36px; color: var(--accent-strong); font-size: var(--text-xs); line-height: var(--leading-xs); }
.saved-card h2 { margin-top: var(--space-3); color: var(--ink); font-size: var(--text-md); line-height: var(--leading-md); font-weight: var(--weight-medium); overflow-wrap: anywhere; }
.saved-card[data-content-type="plane"] h2 { font-weight: var(--weight-regular); line-height: var(--leading-xl); }
.saved-card-description { margin-top: var(--space-2); color: var(--muted); font-size: var(--text-sm); line-height: var(--leading-sm); overflow-wrap: anywhere; }
.saved-toggle { position: absolute; top: 4px; right: 4px; color: var(--accent-strong); }
.saved-toggle .icon, .saved-detail-toggle .icon { width: 20px; height: 20px; }
.saved-toggle:hover { background: var(--accent-light); }
.saved-detail-toggle { color: var(--accent-strong); }
[data-action="saved-toggle"][aria-pressed="true"] .icon { fill: var(--accent); stroke: var(--accent); }
.saved-empty { padding-top: var(--space-8); }
.saved-empty .text-link { margin-top: 20px; }
.saved-demo-note { margin-top: 24px; color: var(--muted); font-size: var(--text-xs); line-height: var(--leading-xs); text-align: center; }
.liked-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: var(--space-4); color: var(--muted); font-size: var(--text-xs); line-height: var(--leading-meta); }
.liked-card-footer .icon { width: 16px; height: 16px; flex: none; }
.liked-toggle { color: var(--accent); }
@media (max-width: 360px) {
  .saved-filters { gap: 6px; }
  .saved-filters button { padding-inline: 12px; }
}