/* ================================================================
   ADDITIONAL ARTICLE STYLES — For how-to-identify-fake-website
   ================================================================ */

/* ── Hero image max width for better composition ── */
.article-hero {
  max-width: 640px;
}

/* ── References section — consistent with takeaways ── */
.article-references ul li {
  padding-left: 0;
}

.article-references ul li a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s;
}

.article-references ul li a:hover {
  color: #0052CC;
}

/* ── Ensure checklist items are properly spaced on mobile ── */
@media (max-width: 480px) {
  .checklist-item {
    font-size: 13px;
    padding: var(--sp-2);
    gap: var(--sp-2);
  }
  .checklist-icon {
    font-size: 14px;
  }
}