/* Former inline style="" attributes, turned into classes by the Eleventy
   migration (the Content-Security-Policy forbids inline styles). !important keeps
   the precedence inline styles had. Prefer proper component classes for new code. */
.u-1 { margin-bottom: 30px !important; }
.u-2 { margin-bottom: 30px !important; background: #ffe6e6 !important; border-color: #ff6b6b !important; }
.u-3 { font-weight: bold !important; color: #ff6b6b !important; }
.u-4 { color: #62d6f4 !important; font-size: 2.5em !important; margin: 10px 0 !important; }
.u-5 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; color: white !important; padding: 12px 24px !important; border-radius: 30px !important; display: inline-block !important; font-weight: bold !important; margin-bottom: 20px !important; animation: pulse 2s infinite !important; }
.u-6 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important; color: white !important; padding: 8px 16px !important; border-radius: 20px !important; display: inline-block !important; font-weight: bold !important; font-size: 0.9em !important; margin-bottom: 12px !important; }
.u-7 { text-decoration: line-through !important; opacity: 0.5 !important; font-size: 1.2em !important; }
.u-8 { color: #43e97b !important; font-size: 2.5em !important; margin: 10px 0 !important; }
.u-9 { font-size: 0.85em !important; color: #fff !important; margin-top: 12px !important; opacity: 0.9 !important; }
.u-10 { background: linear-gradient(135deg, #2257de 0%, #401a99 100%) !important; color: white !important; padding: 12px 24px !important; border-radius: 30px !important; display: inline-block !important; font-weight: bold !important; margin-bottom: 20px !important; animation: pulse 2s infinite !important; }
.u-11 { background: linear-gradient(135deg, #2257de 0%, #401a99 100%) !important; color: white !important; padding: 8px 16px !important; border-radius: 20px !important; display: inline-block !important; font-weight: bold !important; font-size: 0.9em !important; margin-bottom: 12px !important; }
.u-12 { background: #f0f8ff !important; border-left: 4px solid #4a90e2 !important; padding: 15px !important; margin-bottom: 30px !important; }
.u-13 { margin: 10px 0 0 20px !important; }
.u-14 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: white !important; padding: 12px 24px !important; border-radius: 30px !important; display: inline-block !important; font-weight: bold !important; margin-bottom: 20px !important; border: 2px solid rgba(255,255,255,0.4) !important; animation: pulse 2s infinite !important; }
.u-15 { background: rgba(255,255,255,0.25) !important; color: white !important; padding: 8px 16px !important; border-radius: 20px !important; display: inline-block !important; font-weight: bold !important; font-size: 0.9em !important; margin-bottom: 12px !important; }
.u-16 { color: #d4b3ff !important; font-size: 2.5em !important; margin: 10px 0 !important; }
.u-17 { margin-bottom: 30px !important; border-color: #0072ff !important; background: #e3f2fd !important; }
.u-18 { background: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%) !important; color: white !important; padding: 12px 24px !important; border-radius: 30px !important; display: inline-block !important; font-weight: bold !important; margin-bottom: 20px !important; }
.u-19 { margin-bottom: 30px !important; border-color: #5e35b1 !important; background: #f3e5f5 !important; }