/* Article-specific structure; no separate brand palette. */
.art-body .mechanics-grid { display: grid; grid-template-columns: 1fr; gap: 14px; padding: 0; margin: 22px 0 28px; list-style: none; }
.art-body .mechanic-card { margin: 0; padding: 24px 21px 22px; font-size: .94rem; line-height: 1.75; }
.mechanic-card__visual { display: block; width: 160px; max-width: 100%; aspect-ratio: 5 / 3; margin: 0 auto 18px; overflow: hidden; border-radius: 8px; background: var(--card-tint); border: 1px solid var(--c-border); }
.mechanic-card__visual svg { display: block; width: 100%; height: 100%; }
.mechanic-card strong { color: var(--c-heading); font-size: 1.025rem; }
.mechanic-card--punch { --card-accent: #086b64; --card-tint: #edf5f3; }
.mechanic-card--wild { --card-accent: #66509b; --card-tint: #f2eff8; }
.mechanic-card--multiplier { --card-accent: #94640c; --card-tint: #faf4e6; }
@container (min-width: 700px) { .art-body .mechanics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
@media (prefers-reduced-motion: no-preference) { .art-figure__zoom { transition: border-color .18s; } }

/* A short, ordinary disclosure; the same HTML is served to every visitor. */
.regulatory-note-wrap { margin: -6px 0 24px; }
.regulatory-note { border: 1px solid var(--c-border); border-radius: 8px; background: #f7faf9; font-size: .87rem; line-height: 1.7; }
.regulatory-note summary { min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 12px 16px; color: var(--c-heading); font-weight: 600; cursor: pointer; list-style: none; }
.regulatory-note summary::-webkit-details-marker { display: none; }
.regulatory-note summary::after { content: '+'; margin-left: auto; color: var(--c-accent); font-size: 1.3rem; font-weight: 400; line-height: 1; }
.regulatory-note[open] summary::after { content: '−'; }
.regulatory-note[open] summary { border-bottom: 1px solid var(--c-border); }
.regulatory-note__body { padding: 15px 16px 16px; }
.art-body .regulatory-note__body p { margin: 0 0 12px; }
.art-body .regulatory-note__body .regulatory-note__sources { margin-bottom: 0; color: var(--c-muted); font-size: .76rem; }