/* Demo mode (see demo.js). Colours follow the page through --wl-* if set. */
.wl-chip{position:fixed;left:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 96px);
  padding:8px 12px 8px 10px;border-radius:99px;background:rgba(36,8,14,.9);color:#fdf3df;font:500 11.5px/1.3 Montserrat,system-ui,sans-serif;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(36,8,14,.25);border:1px solid rgba(212,175,55,.35)}
.wl-chip i{flex:none;width:7px;height:7px;border-radius:50%;background:#e9c46a;box-shadow:0 0 0 3px rgba(233,196,106,.25);animation:wlblink 2.4s ease-in-out infinite}
.wl-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-chip a{flex:none;color:#e9c46a;font-weight:700;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor}
.wl-chip button{flex:none;background:none;border:0;color:#fdf3df;opacity:.7;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
@keyframes wlblink{50%{opacity:.35}}
.wl-chip em{display:none;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:640px){.wl-chip{font-size:10.5px;gap:8px}.wl-chip span{display:none}.wl-chip em{display:inline}}
.wl-sheet{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(36,8,14,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.wl-sheet.on{opacity:1;visibility:visible;transition:opacity .3s}
.wl-card{position:relative;width:min(420px,100%);background:#fdf8ee;color:#3a1d14;border-radius:14px;border:1px solid rgba(212,175,55,.5);padding:30px 26px 24px;
  box-shadow:0 30px 70px -20px rgba(36,8,14,.55);transform:translateY(18px) scale(.97);transition:transform .45s cubic-bezier(.2,.8,.2,1);font-family:Montserrat,system-ui,sans-serif}
.wl-sheet.on .wl-card{transform:none}
.wl-x{position:absolute;right:8px;top:6px;width:40px;height:40px;border:0;background:none;font-size:26px;line-height:1;color:inherit;cursor:pointer}
.wl-k{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8a6a1c}
.wl-body h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:26px;line-height:1.15;margin-top:6px;color:#5c0f1d}
.wl-copy{margin-top:10px;font-size:14px;color:#6b4c3f}
.wl-bubble{position:relative;margin-top:14px;background:#dcf8c6;color:#111;border-radius:12px 12px 4px 12px;padding:12px 14px 22px;font-size:14px;line-height:1.45;max-height:42vh;overflow:auto}
.wl-bubble span{position:absolute;right:10px;bottom:5px;font-size:10.5px;color:#53bdeb}
.wl-note{margin-top:16px;font-size:12px;color:#9b8378}
.ph-num{font-style:italic;opacity:.75;border-bottom:1px dashed currentColor;padding-bottom:1px}