/* Generated by tools/migrate-csp-inline.py. Static inline styles moved here for strict CSP. */

.csp-s-1 {
  height: 72px !important;
  width: auto !important;
  max-width: min(560px, 90vw) !important;
  object-fit: contain !important;
}

.csp-s-2 {
  background: rgba(156,39,176,.1) !important;
  color: #9C27B0 !important;
}

.csp-s-3 {
  background: rgba(233,30,99,.1) !important;
  color: #E91E63 !important;
}

.csp-s-4 {
  background: rgba(250,70,22,.1) !important;
  color: var(--orange) !important;
}

.csp-s-5 {
  background: rgba(91,141,239,.12) !important;
  color: #5B8DEF !important;
}

.csp-s-6 {
  height: 300px !important;
}

.csp-s-7 {
  background: rgba(0,188,212,.1) !important;
  color: #00BCD4 !important;
}

.csp-s-8 {
  height: 280px !important;
}

.csp-s-9 {
  background: rgba(33,150,243,.1) !important;
  color: #2196F3 !important;
}

.csp-s-10 {
  background: rgba(255,152,0,.1) !important;
  color: #FF9800 !important;
}

.csp-s-11 {
  background: rgba(76,175,80,.1) !important;
  color: #4CAF50 !important;
}

.csp-s-12 {
  height: 350px !important;
}

.csp-s-13 {
  background: rgba(63,81,181,.1) !important;
  color: #3F51B5 !important;
}

.csp-s-14 {
  background: rgba(0,150,136,.1) !important;
  color: #009688 !important;
}

.csp-s-15 {
  background: rgba(121,85,72,.1) !important;
  color: #795548 !important;
}

.csp-s-16 {
  width: 38% !important;
}

.csp-s-17 {
  height: 340px !important;
}

.csp-s-18 {
  height: 320px !important;
}

.csp-s-19 {
  background: rgba(255,199,44,.14) !important;
  color: #D97706 !important;
}

.csp-s-20 {
  font-size: 2.5rem !important;
}

.csp-s-21 {
  background: linear-gradient(135deg, #0dcaf0, #0bacce) !important;
  border: none !important;
  font-size: 1.05rem !important;
}

.csp-s-22 {
  border-top: 4px solid #ffc107 !important;
}

.csp-s-23 {
  width: 250px !important;
}

.csp-s-24 {
  color: var(--primary-color) !important;
}

.csp-s-25 {
  min-height: 600px !important;
}

.csp-s-26 {
  background-color: rgba(0,0,0,0.5) !important;
}

.csp-s-27 {
  width: 24px !important;
  height: 24px !important;
  background: rgba(109,40,217,0.12) !important;
  border: none !important;
  border-radius: 6px !important;
  color: #6d28d9 !important;
}

.csp-s-28 {
  font-size: 0.7rem !important;
}

.csp-s-29 {
  background: linear-gradient(135deg,#1e40af,#6366f1) !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(79,70,229,0.35) !important;
  font-weight: 600 !important;
}

.csp-s-30 {
  background-color: rgba(17, 23, 38, 0.38) !important;
}

.csp-s-31 {
  background: rgba(0,0,0,0.05) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.csp-s-32 {
  min-width: 190px !important;
}

.csp-s-33 {
  min-width: 170px !important;
}

.csp-s-34 {
  min-width: 120px !important;
}

.csp-s-35 {
  min-width: 100px !important;
}

.csp-s-36 {
  display: none !important;
}

.csp-s-37 {
  border: 0 !important;
}

.csp-s-38 {
  font-size: 4rem !important;
}

.csp-s-39 {
  display: none !important;
}

.csp-s-40 {
  max-height: 85vh !important;
  max-width: 100% !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.csp-s-41 {
  bottom: -40px !important;
}

.csp-s-42 {
  width: 10% !important;
}

.csp-s-43 {
  background-color: rgba(0,0,0,0.6) !important;
  border-radius: 50% !important;
  padding: 25px !important;
  background-size: 50% !important;
}

.csp-s-44 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.csp-s-45 {
  min-width: 300px !important;
}

.csp-s-46 {
  min-width: 220px !important;
}

.csp-s-47 {
  font-size: 0.70rem !important;
}

.csp-s-48 {
  cursor: pointer !important;
}

.csp-s-49 {
  height: 120px !important;
  width: auto !important;
  object-fit: cover !important;
  transition: transform 0.2s !important;
  cursor: zoom-in !important;
}

.csp-s-50 {
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.csp-s-51 {
  transition: transform 0.2s ease !important;
  font-size: 0.72rem !important;
}

.csp-s-52 {
  display: none;
  max-height: 200px !important;
  overflow-y: auto !important;
}

.csp-s-53 {
  border: 1px solid rgba(0,0,0,0.05) !important;
}

.csp-s-54 {
  font-size: 0.8rem !important;
}

.csp-s-55 {
  list-style-type: disc !important;
}

.csp-s-56 {
  font-size: 0.9em !important;
}

.csp-s-57 {
  white-space: pre-wrap !important;
}

.csp-s-58 {
  cursor: pointer !important;
  border: 2px dashed #cfe2ff !important;
}

.csp-s-59 {
  font-size: 0.6em !important;
}

.csp-s-60 {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  min-width: 30px !important;
}

.csp-s-61 {
  white-space: pre-wrap !important;
  font-size: 13.5px !important;
}

.csp-s-62 {
  background-color: #fd7e14 !important;
}

.csp-s-63 {
  height: 80px !important;
  width: 80px !important;
  object-fit: cover !important;
  transition: transform 0.2s !important;
  cursor: pointer !important;
}

.csp-s-64 {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.csp-s-65 {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #fd7e14 !important;
  transition: transform 0.2s !important;
}

.csp-s-66 {
  height: 120px !important;
  width: auto !important;
  object-fit: cover !important;
  cursor: zoom-in !important;
}

.csp-s-67 {
  font-size: 0.85em !important;
}

.csp-s-68 {
  font-size: 0.95rem !important;
  max-height: 55vh !important;
  overflow-y: auto !important;
  padding-right: 5px !important;
}

.csp-s-69 {
  margin-bottom: 0 !important;
}

.csp-s-70 {
  width: 140px !important;
}

.csp-s-71 {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}

.csp-s-72 {
  color: #4f46e5 !important;
  margin-right: 10px !important;
}

.csp-s-73 {
  color: #f59e0b !important;
}

.csp-s-74 {
  background: linear-gradient(90deg,#fffbeb,#fef9c3) !important;
}

.csp-s-75 {
  background: #fde68a !important;
  color: #92400e !important;
}

.csp-s-76 {
  color: #92400e !important;
}

.csp-s-77 {
  background: #fef3c7 !important;
  color: #d97706 !important;
}

.csp-s-78 {
  background: linear-gradient(90deg,#eff6ff,#dbeafe) !important;
}

.csp-s-79 {
  background: #bfdbfe !important;
  color: #1d4ed8 !important;
}

.csp-s-80 {
  color: #1d4ed8 !important;
}

.csp-s-81 {
  background: #dbeafe !important;
  color: #2563eb !important;
}

.csp-s-82 {
  background: linear-gradient(90deg,#f0fdf4,#dcfce7) !important;
}

.csp-s-83 {
  background: #bbf7d0 !important;
  color: #166534 !important;
}

.csp-s-84 {
  color: #166534 !important;
}

.csp-s-85 {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

.csp-s-86 {
  background: linear-gradient(90deg,#fff7ed,#ffedd5) !important;
}

.csp-s-87 {
  background: #fed7aa !important;
  color: #c2410c !important;
}

.csp-s-88 {
  color: #c2410c !important;
}

.csp-s-89 {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}

.csp-s-90 {
  margin-top: 10px !important;
}

.csp-s-91 {
  background: linear-gradient(90deg,#fdf4ff,#f3e8ff) !important;
}

.csp-s-92 {
  background: #e9d5ff !important;
  color: #7c3aed !important;
}

.csp-s-93 {
  color: #7c3aed !important;
}

.csp-s-94 {
  background: #f3e8ff !important;
  color: #9333ea !important;
}

.csp-s-95 {
  background: linear-gradient(90deg,#f0fdf4,#d1fae5) !important;
}

.csp-s-96 {
  background: #a7f3d0 !important;
  color: #065f46 !important;
}

.csp-s-97 {
  color: #065f46 !important;
}

.csp-s-98 {
  background: #a7f3d0 !important;
  color: #059669 !important;
}

.csp-s-99 {
  background: #d1fae5 !important;
  color: #059669 !important;
}

.csp-s-100 {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #065f46 !important;
  margin-top: 10px !important;
}

.csp-s-101 {
  color: #16a34a !important;
}

.csp-s-102 {
  max-height: 60vh !important;
  overflow-y: auto !important;
  padding-right: 10px !important;
}

/* [PERFORMANCE] Font display swap for Font Awesome icons to eliminate FCP blocking */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2");
}


@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2") format("woff2");
}