/* ========================================================================
   Geekin — Industries / Real Estate page-specific styles
   Extends /styles.css and /industries/industries.css (shared industries
   components: .topic-list, .topic-list-wide, .industries-note,
   .industries-grid). Do not redefine tokens or header/footer rules here —
   see the shared stylesheet's own file-header note for that convention.
   ======================================================================== */

/* Wire-fraud callout (email security section): a single, concrete piece of
   advice worth visually setting apart from the surrounding list copy —
   not an alarmist banner, just a bordered note using the existing --alert
   token already reserved for the site's status-indicator "unhealthy"
   color, borrowed here for its only other sensible use: a genuine
   security warning. */
.callout-alert {
  margin-top: var(--space-5);
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--card-border);
  border-left: 3px solid var(--alert);
  border-radius: var(--radius-md);
  background: var(--card-bg);
}
.callout-alert p {
  margin: 0;
  color: var(--fg);
  font-size: var(--text-sm);
  max-width: 70ch;
}
.callout-alert strong {
  color: var(--fg);
}