.resources-container{max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem;min-height:80vh}.resources-hero{text-align:center;margin-bottom:4rem}.resources-hero h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.resources-hero p{font-size:1.25rem;color:var(--secondaryText);max-width:600px;margin:0 auto}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.article-card{background:var(--cardBackground);border:1px solid var(--borderColor);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadowColor)}.article-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.article-tag{font-size:.875rem;color:var(--primary);font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.article-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text);line-height:1.3}.article-excerpt{color:var(--secondaryText);margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.read-more{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.read-more:hover{text-decoration:underline}.article-detail-container{max-width:800px;margin:0 auto;padding:8rem 2rem 4rem}.article-header{text-align:center;margin-bottom:3rem}.article-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text)}.article-meta{color:var(--secondaryText);font-size:.9rem}.article-body{font-size:1.1rem;line-height:1.8;color:var(--text)}.article-body h2{font-size:1.8rem;margin:2.5rem 0 1rem;color:var(--text)}.article-body h3{font-size:1.4rem;margin:2rem 0 1rem;color:var(--text)}.article-body p{margin-bottom:1.5rem}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-cta{background:var(--bubbleBackgroundColor);padding:3rem;border-radius:12px;text-align:center;margin-top:4rem}.article-cta h2{font-size:2rem;margin-bottom:1rem}.article-cta p{margin-bottom:2rem;color:var(--secondaryText)}@media (max-width:768px){.resources-hero h1{font-size:2.5rem}.article-header h1{font-size:2rem}}