/* Local Hucifer component; no global article styles or remote dependencies. */
.hucifer-visual-page { margin:0; background:#08080d; color:#f5f2ff; }
.hucifer-visual-essay { --ve-cyan:#7de8ff; --ve-gold:#ffd37d; margin:0 auto; max-width:1000px; background:#08080d; color:#f5f2ff; font:15px/1.5 system-ui,sans-serif; overflow:hidden; }
.hucifer-visual-essay * { box-sizing:border-box; }
.hucifer-visual-essay .ve-heading { padding:28px 24px 0; text-align:center; }
.hucifer-visual-essay .ve-heading span { color:#a88bff; font-size:11px; letter-spacing:.16em; }
.hucifer-visual-essay h1 { margin:8px 0 0; font:normal clamp(23px,4vw,36px)/1.2 Georgia,serif; }
.hucifer-visual-essay .ve-art { width:100%; aspect-ratio:1; overflow:hidden; }
.hucifer-visual-essay svg { display:block; width:100%; height:100%; }
/* Wide and portrait exports crop decorative space, retaining the central story. */
.hucifer-visual-essay[data-crop="wide"] .ve-art { aspect-ratio:16/9; }
.hucifer-visual-essay[data-crop="portrait"] .ve-art { aspect-ratio:9/16; }
.hucifer-visual-essay[data-crop="wide"] svg { height:auto; transform:translateY(-21.875%); }
.hucifer-visual-essay[data-crop="portrait"] svg { width:177.777778%; max-width:none; height:100%; margin-left:-38.888889%; }
.hucifer-visual-essay figcaption { min-height:3em; padding:0 20px; text-align:center; color:#ccc7dc; }
.hucifer-visual-essay .ve-controls { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:16px 16px 24px; }
.hucifer-visual-essay [hidden] { display:none !important; }
.hucifer-visual-essay button { font:inherit; min-height:44px; padding:8px 13px; border-radius:24px; border:1px solid #4f465f; background:#13111d; color:#f5f2ff; cursor:pointer; }
.hucifer-visual-essay button:hover { border-color:var(--ve-cyan); }
.hucifer-visual-essay button:focus-visible { outline:2px solid var(--ve-cyan); outline-offset:3px; }
.hucifer-visual-essay button:disabled { opacity:.45; cursor:default; }
.hucifer-visual-essay .ve-note { padding:0 20px 20px; text-align:center; color:#aaa6bb; }
.hucifer-visual-essay[data-labels="hidden"] .ve-label,
.hucifer-visual-essay[data-labels="hidden"] .ve-heading,
.hucifer-visual-essay[data-labels="hidden"] figcaption { visibility:hidden; }
@media (max-width:480px) {
  .hucifer-visual-essay .ve-heading { padding:20px 12px 0; }
  /* Zoom into the same crop-safe center on a small article embed. */
  .hucifer-visual-essay:not([data-crop]) .ve-art svg { width:160%; height:160%; margin:-30%; }
  .hucifer-visual-essay button { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .hucifer-visual-essay *, .hucifer-visual-essay *::before,
  .hucifer-visual-essay *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media print {
  .hucifer-visual-essay [data-stage], .hucifer-visual-essay .ve-controls { display:none !important; }
  .hucifer-visual-essay [data-poster] { display:inline !important; }
}