.dazzler-hotspots{font:16px/1.6 Arial,sans-serif;color:#20252c;background:#fff;padding:clamp(18px,4vw,42px);max-width:1200px;margin:auto;--accent:#7048e8}
.dazzler-hotspots *{box-sizing:border-box}.dazzler-hotspots h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:0 0 20px;max-width:25ch}.dazzler-hotspots h2{font-size:23px;line-height:1.25}.dazzler-hotspots button{font:inherit;cursor:pointer;padding:10px 14px;border:1px solid #8a8e98;border-radius:5px;background:white;color:#20252c;min-height:44px}.dazzler-hotspots button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);font-weight:700}.hotspot-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:26px;align-items:start}.hotspot-visual{min-width:0;width:100%;overflow:hidden;border:1px solid #bec2ca;background:#f6f7fb;border-radius:8px}.hotspot-visual>svg{display:block;width:100%;height:auto;max-height:700px}.hotspot-panel{padding:8px 20px;border-left:4px solid var(--accent);overflow-wrap:anywhere}.hotspot-toolbar,.hotspot-choices{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;grid-column:1/-1}.dazzler-hotspots :focus-visible{outline:3px solid #20252c;outline-offset:3px}.hotspot-visual [data-dazzler-region]{cursor:pointer}.hotspot-status,.hotspot-notes{font-size:13px;color:#505966}.hotspot-notes{border-top:1px solid #bec2ca;margin-top:30px;padding-top:15px}.dazzler-hotspots details{margin-top:24px}.dazzler-hotspots summary{cursor:pointer;font-weight:600}@media(max-width:700px){.hotspot-layout{grid-template-columns:1fr}.hotspot-panel{padding:0 15px}.hotspot-toolbar button{font-size:13px}}@media(prefers-reduced-motion:reduce){.dazzler-hotspots *{scroll-behavior:auto}}@media print{.hotspot-toolbar,.hotspot-choices{display:none}.hotspot-layout{display:block}.hotspot-visual{break-inside:avoid}}