:root{--bg:#f5f7fa;--card-bg:#f3f3f3;--text:#1f2937;--muted:#6b7280;--accent:#3671c9;--accent-hover:#1d4ed8;--tag-bg:#e1e2e7;--tag-text:#535354;--radius:16px;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card-grid{display:grid;grid-template-columns:1fr;gap:2rem 1rem;max-width:1500px;margin:0 auto 4rem}@media (min-width:700px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.card-grid{grid-template-columns:repeat(4,1fr)}}.resourcesbody .content{max-width:1580px}.resourcesbody .basearticle{width:100%}.card{max-width:400px;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;border:1px solid #00000036;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card img{width:100%;height:220px;object-fit:cover;display:block}.card-body{padding:1rem;display:flex;flex-direction:column;flex-grow:1;border-top:1px solid #0000002e}.card-tag{display:inline-block;align-self:flex-start;background:var(--tag-bg);color:var(--tag-text);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:0 .5rem;border-radius:6px;margin-bottom:.75rem}.card h2{font-size:1.1rem;margin-bottom:.3rem}.card p{color:var(--muted);font-size:.94rem;margin-bottom:.2rem;flex-grow:1}.card a{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);text-decoration:none;font-weight:600;align-self:flex-start;transition:color .2s ease}.card a::after{content:"→";transition:transform .2s ease}.card a:hover{color:var(--accent-hover)}.card a:hover::after{transform:translateX(4px)}.dark .card{filter:invert(1)}.dark .card img{filter:invert(.85)}.resourcesbody .bg{position:static}.resourcesbody .mainheader{position:absolute;top:120px;left:0;right:0;margin:0 auto}.resourcesbody .subheadinggroup{position:absolute;top:180px;left:0;right:0;margin:0 auto}.resourcesbody .basearticle{padding:0 40px 60px;margin:0 auto 25px auto}.resourcesbody .subheading2{font-style:italic}@media (max-width:460px){.resourcesbody .basearticle{padding:0 20px 60px}.card-body{padding:8px 12px}.card p{font-size:13px;margin-bottom:0;line-height:21px}.card h2{font-size:15px;margin-bottom:0}.card-tag{font-size:10px;text-transform:uppercase;padding:0 .4rem;margin-bottom:.5rem}}@media (max-width:350px){.resourcesbody .subheading2{display:none}}