[data-style-id="style-0-1766408572364"],
[data-style-id="style-1-1766408572364"],
[data-style-id="style-2-1766408572364"],
[data-style-id="style-3-1766408572364"],
[data-style-id="style-4-1766408572364"],
[data-style-id="style-5-1766408572365"],
[data-style-id="style-6-1766408572365"],
[data-style-id="style-7-1766408572365"],
[data-style-id="style-8-1766408572365"],
[data-style-id="style-9-1766408572365"],
[data-style-id="style-11-1766408572365"],
[data-style-id="style-12-1766408572365"],
[data-style-id="style-13-1766408572365"],
[data-style-id="style-15-1766408572365"],
[data-style-id="style-16-1766408572365"],
[data-style-id="style-17-1766408572365"],
[data-style-id="style-18-1766408572365"],
[data-style-id="style-19-1766408572365"],
[data-style-id="style-20-1766408572366"] { 
  background-image: linear-gradient(90deg, transparent 0%, rgb(93, 236, 255) 0%, rgb(93, 236, 255) 100%, transparent 100%) !important;
  background-size: 0% 100% !important;
  transition: background-size 0.4s ease, background-position 0.4s ease !important;
}

[data-style-id="style-0-1766408572364"]:hover,
[data-style-id="style-1-1766408572364"]:hover,
[data-style-id="style-2-1766408572364"]:hover,
[data-style-id="style-3-1766408572364"]:hover,
[data-style-id="style-4-1766408572364"]:hover,
[data-style-id="style-5-1766408572365"]:hover,
[data-style-id="style-6-1766408572365"]:hover,
[data-style-id="style-7-1766408572365"]:hover,
[data-style-id="style-8-1766408572365"]:hover,
[data-style-id="style-9-1766408572365"]:hover,
[data-style-id="style-11-1766408572365"]:hover,
[data-style-id="style-12-1766408572365"]:hover,
[data-style-id="style-13-1766408572365"]:hover,
[data-style-id="style-15-1766408572365"]:hover,
[data-style-id="style-16-1766408572365"]:hover,
[data-style-id="style-17-1766408572365"]:hover,
[data-style-id="style-18-1766408572365"]:hover,
[data-style-id="style-19-1766408572365"]:hover,
[data-style-id="style-20-1766408572366"]:hover {
  background-size: 100% 100% !important;
}

[data-style-id="style-10-1766408572365"] { background-image: url('/assets/site/challenge-img.svg') !important; }

[data-style-id="style-14-1766408572365"] { background-image: url('/assets/site/cta.svg') !important; }

/* Blog article body. The site loads Tailwind via CDN (no typography plugin), so the
   markdown-rendered HTML in .article-body is styled explicitly here. */
.article-body { color: #363d43; font-size: 1.0625rem; line-height: 1.7; }
.article-body > *:first-child { margin-top: 0; }
.article-body h2 { color: #101920; font-size: 1.6rem; line-height: 1.25; font-weight: 600; margin: 2.5rem 0 1rem; }
.article-body h3 { color: #101920; font-size: 1.25rem; line-height: 1.3; font-weight: 600; margin: 1.75rem 0 0.75rem; }
.article-body p { margin: 0 0 1.15rem; }
.article-body ul, .article-body ol { margin: 0 0 1.15rem; padding-left: 1.5rem; }
.article-body ul { list-style: disc outside; }
.article-body ol { list-style: decimal outside; }
.article-body li { margin: 0.35rem 0; }
.article-body li::marker { color: #363d43; }
.article-body em { font-style: italic; }
.article-body strong { color: #101920; font-weight: 600; }
.article-body a { color: #4756ff; text-decoration: underline; }
.article-body a:hover { text-decoration: none; }
.article-body blockquote { margin: 1.5rem 0; padding-left: 1rem; border-left: 3px solid #e5e5e5; color: #555c63; }
.article-body code { background: #f3f4f6; padding: 0.1em 0.35em; border-radius: 4px; font-size: 0.9em; }
.article-body hr { border: 0; border-top: 1px solid #e5e5e5; margin: 2rem 0; }
.article-body table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.95rem; display: block; overflow-x: auto; }
.article-body th, .article-body td { border: 1px solid #e5e5e5; padding: 0.6rem 0.75rem; text-align: left; vertical-align: top; }
.article-body th { background: #f9f9fb; color: #101920; font-weight: 600; }
.article-body th[align="right"], .article-body td[align="right"] { text-align: right; }
.article-body th[align="center"], .article-body td[align="center"] { text-align: center; }