.tiers-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    .tier-card  { border-radius:14px; padding:28px 22px; text-align:center; border:1.5px solid var(--border); }
    .tier-card.free  { background:#f0fdf4; border-color:#86efac; }
    .tier-card.club  { background:#eff6ff; border-color:#bfdbfe; }
    .tier-card.acad  { background:var(--navy); border-color:var(--navy); }
    .tier-icon  { font-size:36px; margin-bottom:12px; }
    .tier-title { font-size:17px; font-weight:700; margin-bottom:8px; }
    .tier-card.free .tier-title  { color:#15803d; }
    .tier-card.club .tier-title  { color:var(--royal); }
    .tier-card.acad .tier-title  { color:var(--gold); }
    .tier-card p  { font-size:13px; line-height:1.65; margin-bottom:16px; }
    .tier-card.free p, .tier-card.club p { color:var(--text-mid); }
    .tier-card.acad p { color:rgba(255,255,255,0.75); }
    .tier-btn { display:inline-block; padding:9px 22px; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none; transition:opacity 0.2s; }
    .tier-btn:hover { opacity:0.85; }

    .resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .resource-card { background:white; border-radius:12px; border:1.5px solid var(--border); padding:18px 18px 16px; display:flex; flex-direction:column; gap:10px; transition:all 0.2s; }
    .resource-card:hover { box-shadow:0 6px 24px rgba(13,43,107,0.10); border-color:var(--royal); }
    .res-type-badge { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; padding:3px 10px; border-radius:10px; display:inline-block; width:fit-content; }
    .res-title { font-weight:700; color:var(--navy); font-size:14px; line-height:1.35; }
    .res-desc  { font-size:12px; color:var(--text-muted); line-height:1.6; flex:1; }
    .res-footer{ display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border); padding-top:10px; margin-top:4px; }
    .res-level { font-size:11px; font-weight:600; color:var(--text-muted); }
    .res-dl    { font-size:12px; font-weight:700; color:var(--royal); text-decoration:none; }
    .res-dl:hover { color:var(--navy); }

    @media(max-width:900px){ .tiers-grid,.resource-grid { grid-template-columns:1fr; max-width:480px; margin:0 auto; } }


 /* RESPONSIVE: Resources Page  */

  @media (max-width: 900px) {
    /* Access tiers: stack */
    .tiers-grid { grid-template-columns: 1fr !important; max-width: 460px; margin: 0 auto; }
    /* Category cards: 2 col */
    [style*="grid-template-columns:repeat(4,1fr)"] {
      grid-template-columns: repeat(2,1fr) !important;
    }
    /* Resource cards: 2 col */
    .resource-grid { grid-template-columns: repeat(2,1fr) !important; }
  }
  @media (max-width: 560px) {
    [style*="grid-template-columns:repeat(4,1fr)"] {
      grid-template-columns: repeat(2,1fr) !important;
    }
    .resource-grid { grid-template-columns: 1fr !important; }
    .tiers-grid    { grid-template-columns: 1fr !important; }
  }