/* ========================================
   SINPROESEMMA — Component Fixes
   Smaller icons, cleaner titles, organized layout
   ======================================== */

/* Consistent icon scale */
.icon { width: 18px; height: 18px; }
.sector-icon { width: 42px; height: 42px; border-radius: 10px; margin-bottom: 12px; }
.sector-icon svg { width: 22px; height: 22px; }
.stat-icon { width: 40px; height: 40px; border-radius: 10px; }
.stat-icon svg { width: 20px; height: 20px; }

/* Smaller, cleaner headings */
h1 { font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 800; margin: 0; }
h2 { font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 700; margin: 0; }
h3 { font-size: clamp(1rem, 1.5vw, 1.2rem); font-weight: 700; margin: 0; }

/* Section headings - more compact */
.section-heading h2 { font-size: clamp(1.4rem, 2.2vw, 2rem); }


/* Dashboard - smaller stats */
.stat-value { font-size: 1.1rem; }
.stat-label { font-size: .72rem; }

/* Sector cards */
.sector-card h3 { font-size: 1.05rem; margin-bottom: 6px; }
.sector-card p { font-size: .85rem; margin-bottom: 12px; }
.sector-info li { font-size: .78rem; padding: 3px 0; }

/* Quick links */
.quick-link { font-size: .88rem; padding: 10px; }

/* Posts grid spacing */
.news-grid { gap: 16px; }
.event-strip { gap: 14px; }

/* Better card spacing */
.dashboard-card { padding: 20px; margin-bottom: 16px; }
.card-header h2 { font-size: 1.05rem; }

/* Remove excessive whitespace */
.section-pad { padding: 60px 0; }