:root {color-scheme:light;--ink:#38332e;--bg:#f7f5f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
main{width:100%;max-width:1440px;margin:0 auto;box-shadow:0 0 30px #00000008}
.panel{position:relative;display:block;width:100%;line-height:0}.panel img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;z-index:2;border-radius:999px;outline-offset:2px;transition:box-shadow .2s}
.hotspot:hover,.hotspot:focus-visible{box-shadow:0 0 0 2px #38332e85;outline:none}
.hotspot:focus-visible{outline:2px solid #38332e}
.screenreader{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.notice{position:fixed;bottom:15px;right:15px;background:#38332e;color:#fff;z-index:10;padding:10px 16px;border-radius:22px;box-shadow:0 3px 14px #0002;text-decoration:none;font-size:12px;opacity:.87}
.notice:hover{opacity:1}
@media(max-width:600px){.notice{bottom:8px;right:8px;padding:8px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}