/* Slim pylotstudio preview banner + shared mobile menu for the example sites. */
img{height:auto}
.pv-bar{position:relative;z-index:50;background:#0e100d;color:#f4f1e8;font:500 13px/1.3 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:8px 14px;display:flex;gap:10px 14px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}
.pv-bar b{color:#c8f04b;font-weight:700}.pv-bar .pv-dot{width:7px;height:7px;border-radius:50%;background:#c8f04b;display:inline-block;margin-right:6px;vertical-align:middle}
.pv-bar a{background:#c8f04b;color:#0e100d;text-decoration:none;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}
.pv-bar a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pv-bar .pv-sub{opacity:.75}
@media (max-width:640px){.pv-bar{font-size:12px;padding:7px 10px;gap:6px 10px}.pv-bar .pv-sub{display:none}}
.d-menu{display:none;position:relative}.d-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;display:grid;place-content:center;gap:5px;border-radius:10px}.d-menu summary::-webkit-details-marker{display:none}
.d-menu summary span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}
.d-menu nav{position:absolute;right:0;top:50px;min-width:220px;display:grid;gap:4px;padding:12px;border-radius:14px;background:inherit;box-shadow:0 20px 40px -12px rgba(0,0,0,.35)}
.d-menu nav a{padding:10px 12px;border-radius:8px}
@media (max-width:980px){.d-header .d-menu{display:block}.d-header .d-nav{display:none}.d-brand{white-space:nowrap}.d-header-in{position:relative}.d-menu nav{background:var(--paper,var(--bg,#fff))}}
.d-example{font-size:13px;opacity:.8;margin:18px 0 0}
/* keep the price + GST together; on phones the price takes its own line instead of leaving a dangling dot */
.pv-bar .pv-nw{white-space:nowrap}
@media (max-width:640px){.pv-bar .pv-sep{display:none}.pv-bar .pv-nw{display:block}}