:root { --bg:#0b0c10; --fg:#e5e7eb; --border:#1f2430; --maxw:1200px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
main{max-width:var(--maxw);margin:0 auto;padding:16px 12px 48px}
.section{margin:8px 0}
.page{position:relative; overflow:hidden;border-radius:10px;border:1px solid var(--border);background:#000}
.page img,.page video{width:100%;height:auto;display:block}
.hotspot{position:absolute; z-index:3; display:block; background: rgba(0,0,0,0);}
.hotspot:focus{outline:2px dashed #60a5fa; outline-offset:2px; background: rgba(96,165,250,0.08);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}