/* Page-specific styles extracted from blog/2026-07-22-emulation-station-23-systems.html. */
        .read-time { font-family: var(--font-head); font-size: 9px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase; margin-top: 12px; }
        .post-body h2 { font-family: var(--font-head); font-size: 14px; letter-spacing: 3px; color: var(--cyan); text-transform: uppercase; margin: 40px 0 16px; }
        .callout { background: rgba(0,229,255,0.05); border: 1px solid rgba(0,229,255,0.2); border-left: 3px solid var(--cyan); border-radius: 6px; padding: 16px 20px; margin: 24px 0; font-size: 14px; color: var(--text-main); line-height: 1.7; }
        .callout-warn { background: rgba(255,79,203,0.05); border: 1px solid rgba(255,79,203,0.2); border-left: 3px solid var(--pink); border-radius: 6px; padding: 16px 20px; margin: 24px 0; font-size: 14px; color: var(--text-main); line-height: 1.7; }
        .callout-warn strong { color: var(--pink); }
        .system-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin: 24px 0; }
        .system-item { background: rgba(155,111,255,0.06); border: 1px solid rgba(155,111,255,0.2); border-radius: 6px; padding: 10px 14px; font-size: 13px; color: var(--text-main); }
        .system-item span { display: block; font-family: var(--font-head); font-size: 8px; letter-spacing: 1.5px; color: var(--cyan); text-transform: uppercase; margin-bottom: 4px; }