body{margin:0;background:#fff;color:#111;font:17px/1.6 Georgia,serif}
main{max-width:680px;margin:0 auto;padding:64px 20px 40px}
.bar{position:fixed;top:0;left:0;right:0;background:#f3f3f3;border-bottom:1px solid #ddd;padding:10px 16px;font:14px system-ui,sans-serif;z-index:5}
img{max-width:100%;height:auto;display:block;border-radius:8px}
.note{background:#fffbe6;border:1px solid #f0e2a0;padding:10px 14px;font:14px/1.5 system-ui,sans-serif}
.swatch{background:#d62828;color:#fff;padding:14px;font:600 15px system-ui,sans-serif;border-radius:6px}
a{color:#0645ad}