@charset "UTF-8";.resources-hero{background:linear-gradient(135deg,var(--cs-secondary-dark) 0,var(--cs-secondary) 100%);color:#fff;padding:72px 0;text-align:center}.resources-hero h1{color:#fff;font-size:max(1.8rem, min(3vw, 2.6rem))}.resources-hero p{color:rgba(255,255,255,.85);max-width:640px;margin:1rem auto 0}.resources-nav{background-color:var(--cs-white);border-bottom:1px solid var(--cs-gray-100);position:sticky;top:60px;z-index:100;padding:.5rem 0}.resources-nav .nav-link{color:var(--cs-gray-600);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--cs-radius);transition:all var(--cs-transition)}.resources-nav .nav-link.active,.resources-nav .nav-link:hover{color:var(--cs-primary);background-color:var(--cs-gray-50)}.resource-section{padding:72px 0}.resource-section:nth-child(2n){background-color:var(--cs-gray-50)}.resource-card{background-color:#fff;border-radius:var(--cs-radius-lg);padding:1.75rem;border:1px solid var(--cs-gray-100);height:100%;transition:box-shadow var(--cs-transition)}.resource-card:hover{box-shadow:var(--cs-shadow-md)}.resource-card .resource-tag{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-secondary);margin-bottom:.75rem;display:block}.resource-card h3{font-size:1.05rem;margin-bottom:.75rem}.resource-card p{font-size:.875rem;color:var(--cs-gray-600);line-height:1.7}.resource-card .btn{margin-top:1rem;font-size:.8rem}.color-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:0.75rem;gap:.75rem}.color-swatch{border-radius:var(--cs-radius);overflow:hidden;text-align:center;cursor:pointer}.color-swatch .swatch-color{height:60px;border-radius:var(--cs-radius) var(--cs-radius) 0 0}.color-swatch .swatch-name{font-size:.65rem;color:var(--cs-gray-600);padding:.3rem .2rem;background:#fff;line-height:1.2}