/* ENP plugin styles — dynamic components only.
   Design tokens (colors, fonts, radius) live in theme tailwind.config. */

.enp-table th, .enp-table td { vertical-align: top; }
.enp-table tr:last-child { border-bottom: 0; }
.enp-section:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.enp-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 3px; }
.enp-about { font-size: 1rem; line-height: 1.7; }
.enp-about p { margin-bottom: 1rem; }
.enp-about ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 1rem; }
.enp-about ol { list-style: decimal; padding-left: 1.25rem; margin-bottom: 1rem; }
.enp-about h2, .enp-about h3, .enp-about h4 {
  font-family: 'Space Grotesk', sans-serif;
  color: #f1f3fc;
  font-weight: 700;
  margin: 1.5rem 0 0.75rem;
}
.enp-about h2 { font-size: 1.5rem; }
.enp-about h3 { font-size: 1.25rem; }
.enp-about h4 { font-size: 1.1rem; }
.enp-about strong { color: #f1f3fc; }
.enp-about a { color: #8ff5ff; text-decoration: underline; text-underline-offset: 3px; }
.enp-about a:hover { color: #00deec; }
.enp-about img { max-width: 100%; border-radius: 0.5rem; margin: 1rem 0; }
.enp-about br { display: none; }  /* Steam descriptions have excessive BRs */
.enp-faq h3 { position: relative; padding-left: 1.25rem; }
.enp-faq h3::before { content: 'Q.'; position: absolute; left: 0; top: 0; color: #cafd00; font-weight: 700; }
.enp-gallery video { max-height: 540px; }
.enp-gallery img { will-change: transform; }
.enp-meta-chips .material-symbols-outlined { font-size: 16px; }