/* Box widgets — pills (classes widgets-*; rem, mobile-first) */
.widgets{ display:flex; gap:.75rem; flex-wrap:wrap; }
.widgets-pill{ display:flex; align-items:center; gap:.63rem; border:1px solid var(--pp-border, #E3E6EA); border-radius:.5rem; padding:.5rem .88rem; color:inherit; text-decoration:none; transition:border-color .15s; }
a.widgets-pill:hover{ border-color:var(--pp-blue, #2F7FC1); }
.widgets-icon{ display:flex; width:1.38rem; height:1.38rem; color:var(--pp-gold, #F0B23E); }
.widgets-icon svg{ width:100%; height:100%; }
.widgets-icon--trend{ color:var(--pp-green, #1E9E5A); }
.widgets-icon--trend-down{ color:var(--pp-red, #C63A21); }
.widgets-icon--rain, .widgets-icon--storm, .widgets-icon--fog, .widgets-icon--snow, .widgets-icon--cloud-sun{ color:var(--pp-blue, #2F7FC1); }
.widgets-text{ display:flex; flex-direction:column; line-height:1.15; }
.widgets-label{ font-size:.69rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--pp-label, #6B7280); }
.widgets-value{ font-size:.88rem; font-weight:700; color:var(--pp-navy, #14335A); white-space:nowrap; }
.widgets-pill--up .widgets-value{ color:var(--pp-green, #1E9E5A); }
.widgets-pill--down .widgets-value{ color:var(--pp-red, #C63A21); }