.resources-page{padding-top:72px}.resources-page__header{text-align:center;margin-bottom:var(--space-2xl)}.resources-page__filters{margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.resources-page__filter{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:all var(--duration) ease;padding:8px 20px;font-size:.84rem;font-weight:500}.resources-page__filter:hover{border-color:var(--ink-muted);color:var(--ink)}.resources-page__filter--active{background:var(--brand);color:#fff;border-color:var(--brand)}.resources-page__grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.resource-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);transition:all var(--duration) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.resource-card__image{object-fit:cover;background:var(--surface-dim);width:100%;height:180px}.resource-card__body{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.resource-card__title{font-family:var(--font-display);color:var(--ink);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:600;line-height:1.3}.resource-card__date{color:var(--ink-muted);margin-top:auto;font-size:.78rem}@media (width<=800px){.resources-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.resources-page__grid{grid-template-columns:1fr}}