/* Components: small parts reused inside every section. */

/* buttons: pill everywhere */
.lpd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:var(--lpd-pill);font-weight:600;font-size:17px;line-height:1;white-space:nowrap;transition:transform .3s var(--lpd-ease),background-color .3s var(--lpd-ease),color .3s,border-color .3s}
.lpd-btn:active{transform:scale(.97)}
.lpd-btn i{transition:transform .3s var(--lpd-ease)}
.lpd-btn:hover i{transform:translateX(4px)}
.lpd-btn--primary,.lpd-btn--ink{background:var(--lpd-ink);color:#fff}
.lpd-btn--primary:hover,.lpd-btn--ink:hover{background:var(--lpd-lime);color:var(--lpd-ink)}
/* on dark surfaces the black button would vanish, so it turns lime; on lime it hovers to white */
.lpd-tone-ink .lpd-btn--primary{background:var(--lpd-lime);color:var(--lpd-ink)}
.lpd-tone-ink .lpd-btn--primary:hover{background:#fff}
.lpd-tone-lime .lpd-btn--ink:hover{background:#fff}
.lpd-btn--ghost{border:1.5px solid currentColor;color:var(--tone-fg,var(--lpd-ink))}
.lpd-btn--ghost:hover{background:var(--tone-fg,var(--lpd-ink));color:var(--tone-bg,var(--lpd-paper))}
.lpd-btn--lime{background:var(--lpd-lime);color:var(--lpd-ink)}
.lpd-btn--lime:hover{background:#fff}
.lpd-btn--sm{height:44px;padding:0 20px;font-size:15px}
.lpd-btn--xs{height:40px;padding:0 16px;font-size:14px}
.lpd-btn-row{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:767px){.lpd-btn-row .lpd-btn{flex:1;padding:0 18px}}

.lpd-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--lpd-green)}
.lpd-link i{transition:transform .3s var(--lpd-ease)}
.lpd-link:hover i{transform:translateX(4px)}
.lpd-tel{display:inline-flex;align-items:center;gap:8px;font-weight:600}

/* icon disc: round icon used on feature items */
.lpd-icon-disc{width:76px;height:76px;flex:none;border-radius:50%;background:var(--lpd-ink);color:var(--lpd-lime);display:grid;place-items:center;font-size:38px;transition:background-color .45s var(--lpd-ease),color .45s var(--lpd-ease)}

/* chips */
.lpd-chips{display:flex;flex-wrap:wrap;gap:8px}
.lpd-chip{height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:var(--lpd-pill);background:rgba(13,14,18,.08);font-size:14px;font-weight:500}
.lpd-tone-ink .lpd-chip,.lpd-tone-forest .lpd-chip{background:rgba(255,255,255,.14)}
.lpd-chip--more{gap:6px;background:none !important;box-shadow:inset 0 0 0 1.5px currentColor;font-weight:600;transition:background-color .3s var(--lpd-ease),color .3s}
.lpd-chip--more i{transition:transform .3s var(--lpd-ease)}
.lpd-chip--more:hover{background:var(--lpd-ink) !important;color:#fff;box-shadow:none}
.lpd-chip--more:hover i{transform:translateX(3px)}

/* label pill */
.lpd-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--lpd-pill);font-size:13px;font-weight:600;background:var(--pill-bg,var(--lpd-paper));color:var(--lpd-ink)}

/* note tag: a small coloured card laid over a photo */
.lpd-tag{max-width:420px;padding:22px 24px;border-radius:var(--lpd-r);background:var(--lpd-lime);color:var(--lpd-ink)}
.lpd-tag strong{display:block;font-family:var(--lpd-font-display);font-size:26px;line-height:1.05;letter-spacing:-.03em}
.lpd-tag span{display:block;margin-top:6px;font-size:15px;color:#2B2F12}
@media (max-width:767px){.lpd-tag{padding:18px}.lpd-tag strong{font-size:21px}}

/* logo */
.lpd-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--lpd-font-display);font-weight:700;font-size:22px;letter-spacing:-.03em;color:var(--lpd-ink)}
.lpd-logo svg{width:30px;height:auto;fill:var(--lpd-leaf)}

/* site header + mega menu (items and panels come from lp_nav() in inc/data.php) */
.lpd-nav{position:fixed;inset:0 0 auto 0;z-index:40;border-bottom:1px solid transparent;transition:background-color .35s,border-color .35s}
.admin-bar .lpd-nav{top:32px}
@media (max-width:782px){.admin-bar .lpd-nav{top:46px}}
.lpd-nav.is-solid,.lpd-nav.is-mega{background:color-mix(in srgb,var(--lpd-paper) 88%,transparent);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom-color:var(--lpd-rule)}
.lpd-nav__in{display:flex;align-items:center;height:var(--lpd-nav-h);gap:32px}
.lpd-nav__menu{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.lpd-mega__btn{display:flex;align-items:center;gap:4px;padding:8px 12px 8px 14px;border-radius:var(--lpd-pill);font-size:15px;font-weight:500;color:var(--lpd-ink-2);transition:background-color .2s,color .2s}
.lpd-mega__btn i{font-size:15px;transition:transform .3s var(--lpd-ease)}
.lpd-mega__btn:hover,.lpd-mega__btn[aria-expanded="true"],.lpd-mega__item.is-current>.lpd-mega__btn{background:var(--lpd-paper-2);color:var(--lpd-ink)}
.lpd-mega__btn[aria-expanded="true"] i{transform:rotate(180deg)}
.lpd-mega__panel{--inset:max(var(--lpd-gutter),calc((100vw - var(--lpd-max)) / 2 + var(--lpd-gutter)));position:absolute;left:var(--inset);right:var(--inset);top:calc(100% - 6px);padding:24px;border-radius:var(--lpd-r-lg);background:var(--lpd-white);border:1px solid color-mix(in srgb,var(--lpd-rule) 70%,transparent);box-shadow:0 1px 2px rgba(13,14,18,.05),0 24px 64px -20px rgba(13,14,18,.22);visibility:hidden;opacity:0;transform:translateY(-6px) scale(.985);transform-origin:50% 0;transition:opacity .2s var(--lpd-ease),transform .3s var(--lpd-ease),visibility 0s .2s}
.lpd-mega__panel>.lpd-container{padding:0;max-width:none}
/* invisible bridge so the pointer can travel from the button to the panel */
.lpd-mega__panel::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px}
.lpd-mega__item.is-open>.lpd-mega__panel{visibility:visible;opacity:1;transform:none;transition:opacity .2s var(--lpd-ease),transform .3s var(--lpd-ease)}
.lpd-mega__grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:24px 32px}
.lpd-mega__grid.has-feature{grid-template-columns:repeat(var(--cols),minmax(0,1fr)) minmax(0,1.15fr)}
.lpd-mega__title{font-size:13px;font-weight:600;color:var(--lpd-ink-3);padding:0 12px 10px;margin:0}
.lpd-mega__col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lpd-mega__link{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:var(--lpd-r-sm);transition:background-color .2s}
.lpd-mega__link:hover,.lpd-mega__link[aria-current]{background:var(--lpd-paper)}
.lpd-mega__link strong{display:block;font-weight:600;font-size:16px;color:var(--lpd-ink);line-height:1.25}
.lpd-mega__link small{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--lpd-ink-3)}
.lpd-mega__link.is-plain{padding:9px 12px}
.lpd-mega__link.is-plain strong{font-weight:500;color:var(--lpd-ink-2)}
.lpd-mega__link.is-plain:hover strong{color:var(--lpd-ink)}
.lpd-mega__icon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--lpd-mint);color:var(--lpd-forest);font-size:21px;transition:background-color .2s,color .2s}
.lpd-mega__link:hover .lpd-mega__icon{background:var(--lpd-ink);color:var(--lpd-lime)}
/* products carry their page colour (lp_products() 'color') */
.lpd-mega__icon[style*="--c"]{background:var(--c);color:var(--lpd-ink)}
.lpd-mega__link:hover .lpd-mega__icon[style*="--c"]{background:var(--lpd-ink);color:var(--c)}
.lpd-mega__logo{flex:none;width:76px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--lpd-white);border:1px solid var(--lpd-rule)}
.lpd-mega__logo img{max-width:58px;max-height:24px;object-fit:contain}
.lpd-mega__col.is-systems ul{grid-template-columns:1fr 1fr}
.lpd-mega__grid:has(.is-systems){grid-template-columns:2fr 1fr}
.lpd-mega__feature{display:grid;grid-template-rows:150px auto;border-radius:var(--lpd-r);overflow:hidden;background:var(--lpd-mint)}
.lpd-mega__feature img{width:100%;height:100%;object-fit:cover}
.lpd-mega__feature>div{padding:18px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.lpd-mega__feature .lpd-pill{--pill-bg:var(--lpd-lime);padding:4px 10px;font-size:12px}
.lpd-mega__feature p{font-family:var(--lpd-font-display);font-weight:700;font-size:21px;line-height:1.1;letter-spacing:-.025em;margin:2px 0 4px}
.lpd-mega__feature .lpd-link{font-size:15px}
/* transparent click-catcher: clicking anywhere outside an open panel closes it, without dimming the page */
.lpd-scrim{position:fixed;inset:0;z-index:39;background:transparent;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.is-mega-open .lpd-scrim{opacity:1;visibility:visible;transition:opacity .3s}
.lpd-nav__end{margin-left:auto;display:flex;align-items:center;gap:22px}
.lpd-nav__tel{font-size:15px;font-weight:500;color:var(--lpd-ink-2)}
.lpd-nav__toggle{display:none;width:44px;height:44px;border-radius:50%;place-items:center;font-size:24px;background:var(--lpd-paper-2)}
.lpd-drawer{display:none}
@media (max-width:1240px){.lpd-nav__tel{display:none}}
@media (max-width:1100px){
  .lpd-mega{display:none}
  .lpd-nav__toggle{display:grid;position:relative;z-index:2;transition:background-color .3s,color .3s}
  .lpd-nav__toggle i{transition:transform .45s var(--lpd-ease)}
  .lpd-nav__toggle[aria-expanded="true"] i{transform:rotate(90deg)}
  .lpd-nav__in>*{position:relative;z-index:2}
  /* drawer: full-screen dark panel that grows in a circle from the menu button */
  .lpd-drawer{--drawer-bg:var(--lpd-ink);display:block;position:fixed;inset:0;z-index:1;background:var(--drawer-bg);color:#fff;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--lpd-nav-h) + 8px) var(--lpd-gutter) 40px;clip-path:circle(0% at calc(100% - var(--lpd-gutter) - 22px) calc(var(--lpd-nav-h) / 2));visibility:hidden;transition:clip-path .6s cubic-bezier(.65,0,.35,1),visibility 0s .6s}
  .lpd-nav.is-open .lpd-drawer{clip-path:circle(150% at calc(100% - var(--lpd-gutter) - 22px) calc(var(--lpd-nav-h) / 2));visibility:visible;transition-delay:0s}
  .lpd-nav.is-open{background:transparent!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .lpd-nav.is-open .lpd-logo{color:#fff}
  .lpd-nav.is-open .lpd-logo svg{fill:var(--lpd-lime)}
  .lpd-nav.is-open .lpd-nav__toggle{background:rgba(255,255,255,.12);color:#fff}
  .lpd-nav.is-open .lpd-nav__end>.lpd-btn{background:var(--lpd-lime);color:var(--lpd-ink)}
  .lpd-drawer__list{list-style:none;margin:0;padding:0;max-width:640px}
  .lpd-drawer__list>li{border-bottom:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(18px);transition:opacity .4s,transform .55s var(--lpd-ease)}
  .lpd-nav.is-open .lpd-drawer__list>li{opacity:1;transform:none;transition-delay:calc(.2s + var(--i,0) * 60ms)}
  .lpd-drawer__btn{display:flex;width:100%;justify-content:space-between;align-items:center;height:68px;font-family:var(--lpd-font-display);font-weight:600;font-size:26px;letter-spacing:-.025em;color:#fff}
  .lpd-drawer__btn i{font-size:20px;color:rgba(255,255,255,.7);transition:transform .35s var(--lpd-ease)}
  .lpd-drawer__btn[aria-expanded="true"] i{transform:rotate(180deg);color:var(--lpd-lime)}
  .lpd-drawer__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--lpd-ease)}
  .lpd-drawer__sub>div{overflow:hidden}
  .lpd-drawer__btn[aria-expanded="true"]+.lpd-drawer__sub{grid-template-rows:1fr}
  .lpd-drawer__sub>div>:last-child{margin-bottom:18px}
  .lpd-drawer__cat{margin:10px 0 6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lpd-lime)}
  .lpd-drawer__link{display:flex;align-items:center;gap:14px;padding:9px 0;border-radius:12px}
  .lpd-drawer__link b{display:block;font-size:16px;font-weight:600;line-height:1.25}
  .lpd-drawer__link small{display:block;margin-top:1px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.68)}
  .lpd-drawer__link[aria-current] b{color:var(--lpd-lime)}
  .lpd-drawer__thumb{flex:none;width:52px;height:52px;border-radius:12px;object-fit:cover}
  .lpd-drawer__icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:var(--lpd-lime);font-size:21px}
  .lpd-drawer__logo{flex:none;width:72px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff}
  .lpd-drawer__logo img{max-width:54px;max-height:22px;object-fit:contain}
  .lpd-drawer__end{border-bottom:0!important;padding-top:28px;display:grid;gap:16px}
  .lpd-drawer__end .lpd-btn{width:100%}
  .lpd-drawer__end .lpd-tel{justify-content:center;color:#fff}
}
html.lpd-drawer-open{overflow:hidden}
@media (max-width:767px){.lpd-nav__end{gap:10px}.lpd-logo,.lpd-logo svg,.lpd-nav__end>*{flex:none;white-space:nowrap}.lpd-nav__end>.lpd-btn{height:40px;padding:0 16px;font-size:14px}}
@media (max-width:380px){.lpd-nav__end{gap:8px}.lpd-nav__end>.lpd-btn{padding:0 14px}.lpd-nav__toggle{width:40px;height:40px;font-size:22px}}

/* site footer */
.lpd-footer{padding:72px 0 40px;color:var(--lpd-on-ink-2)}
.lpd-footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px}
.lpd-footer__contact{display:grid;gap:8px;margin-top:22px}
.lpd-footer__contact .lpd-tel{color:var(--lpd-paper);font-size:15px}
.lpd-footer .lpd-logo{color:var(--lpd-paper)}
.lpd-footer__about{margin-top:16px;max-width:34ch;font-size:15px}
.lpd-footer h2{color:var(--lpd-paper);font-family:var(--lpd-font-body);font-size:14px;font-weight:600;margin-bottom:14px}
.lpd-footer ul{list-style:none;margin:0;padding:0}
.lpd-footer li a{display:inline-block;padding:4px 0;font-size:15px;transition:color .2s}
.lpd-footer li a:hover,.lpd-footer__base a:hover{color:var(--lpd-paper)}
.lpd-footer__by{margin-top:56px;padding-top:40px;border-top:1px solid #23252C}
.lpd-footer__bygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 40px}
.lpd-footer h3{color:var(--lpd-on-ink-2);font-family:var(--lpd-font-body);font-size:13px;font-weight:600;margin:0 0 8px;opacity:.7}
.lpd-footer__by li a{font-size:14px}
.lpd-footer__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid #23252C;font-size:14px}
.lpd-footer__base ul{display:flex;gap:22px}
@media (max-width:1100px){.lpd-footer__grid{grid-template-columns:repeat(4,1fr)}.lpd-footer__grid>:first-child{grid-column:1/-1}}
@media (max-width:1023px){.lpd-footer__bygrid{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.lpd-footer__grid{grid-template-columns:1fr 1fr}.lpd-footer__base{margin-top:48px}}

/* post card (blog listings, related posts) */
.lpd-post-card{display:flex;flex-direction:column;border-radius:var(--lpd-r);background:var(--lpd-white);overflow:hidden;transition:transform .35s var(--lpd-ease)}
.lpd-post-card:hover{transform:translateY(-4px)}
.lpd-post-card__img{aspect-ratio:16/10;overflow:hidden;background:var(--lpd-paper-2)}
.lpd-post-card__img img{width:100%;height:100%;object-fit:cover}
.lpd-post-card__body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.lpd-post-card__meta{font-size:14px;color:var(--lpd-ink-3)}
.lpd-post-card__title{font-family:var(--lpd-font-display);font-weight:700;font-size:24px;line-height:1.08;letter-spacing:-.025em}
.lpd-post-card__excerpt{font-size:15px;color:var(--lpd-ink-2)}

/* pagination */
.lpd-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:56px}
.lpd-pagination .page-numbers{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:var(--lpd-pill);background:var(--lpd-white);font-weight:600}
.lpd-pagination .page-numbers.current{background:var(--lpd-ink);color:var(--lpd-paper)}

/* header colour: an ink bar with lime accents (the phone drawer uses the same ink, set in its own rule above) */
.lpd-nav{--navx-bg:var(--lpd-ink)}
.lpd-nav,.lpd-nav.is-solid,.lpd-nav.is-mega{background:var(--navx-bg);border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.lpd-nav .lpd-logo{color:#fff}
.lpd-nav .lpd-logo svg{fill:var(--lpd-lime)}
.lpd-mega__btn{color:rgba(255,255,255,.82)}
.lpd-mega__btn:hover,.lpd-mega__btn[aria-expanded="true"],.lpd-mega__item.is-current>.lpd-mega__btn{background:rgba(255,255,255,.12);color:#fff}
.lpd-nav__tel{color:rgba(255,255,255,.85)}
/* customer portal link: quiet text link beside the phone number */
.lpd-nav__login{font-size:15px;font-weight:500;color:rgba(255,255,255,.85);padding:8px 4px;transition:color .2s}
.lpd-nav__login:hover{color:#fff}
.lpd-nav__end .lpd-btn--primary{background:var(--lpd-lime);color:var(--lpd-ink)}
.lpd-nav__end .lpd-btn--primary:hover{background:#fff}
.lpd-nav__toggle{background:rgba(255,255,255,.12);color:#fff}
.lpd-mega__panel{top:calc(100% + 10px)}

/* on scroll: the full-width bar tucks into a floating rounded bar, hides while you read down, returns on scroll up */
.lpd-nav{transition:top .5s var(--lpd-ease),left .5s var(--lpd-ease),right .5s var(--lpd-ease),border-radius .5s var(--lpd-ease),background-color .4s,box-shadow .5s,transform .45s var(--lpd-ease)}
.lpd-nav__in{transition:height .5s var(--lpd-ease),padding .5s var(--lpd-ease)}
.lpd-nav.is-solid{top:10px;left:max(12px,calc(50% - var(--lpd-max) / 2 + 12px));right:max(12px,calc(50% - var(--lpd-max) / 2 + 12px));border-radius:999px;background:color-mix(in srgb,var(--navx-bg) 90%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 18px 40px -18px rgba(13,14,18,.55)}
.lpd-nav.is-solid .lpd-nav__in{height:60px;padding:0 8px 0 22px;max-width:none}
.lpd-nav.is-solid .lpd-mega__panel{left:0;right:0}
.lpd-nav.is-solid .lpd-btn--sm{height:44px}
.lpd-nav.is-hidden{transform:translateY(calc(-100% - 24px))}
/* the open phone menu always fills the screen */
.lpd-nav.is-open{top:0;left:0;right:0;border-radius:0;box-shadow:none;transform:none}
.lpd-nav.is-open .lpd-nav__in{height:var(--lpd-nav-h);padding:0 var(--lpd-gutter)}
@media (max-width:767px){.lpd-nav.is-solid{top:8px;left:8px;right:8px}.lpd-nav.is-solid .lpd-nav__in{height:56px;padding:0 6px 0 16px}}

/* Chat buttons (header icon and bottom bar, phones only): open/close states and the unread dot */
.lpd-chat-btn>span{display:inline-flex;align-items:center;gap:8px}
.lpd-chat-btn__close,.lpd-chat-btn[aria-expanded="true"] .lpd-chat-btn__open{display:none!important}
.lpd-chat-btn[aria-expanded="true"] .lpd-chat-btn__close{display:inline-flex!important}
.lpd-chat-btn[aria-expanded="true"]{background:#fff;color:var(--lpd-ink)}
.lpd-chat-btn.has-unread::after{content:"";position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--lpd-lime);box-shadow:0 0 0 2px var(--lpd-ink)}
.lpd-nav__chat{display:none}
@media (max-width:767px){
  .lpd-nav__chat{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;transition:background-color .3s,color .3s}
  .lpd-nav__chat[hidden]{display:none}
  .lpd-nav__login{display:none}   /* Log in lives in the drawer on phones */
}
@media (max-width:380px){.lpd-nav__chat{width:40px;height:40px;font-size:20px}}

/* Phone bottom bar (footer.php, lp.js "mbar"): Book a call plus the Tidio chat, which leaves its own bubble */
.lpd-mbar{display:none}
@media (max-width:767px){
  .lpd-mbar{position:fixed;left:0;right:0;bottom:0;z-index:38;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--lpd-ink);box-shadow:0 -10px 30px -12px rgba(13,14,18,.35);transform:translateY(110%);visibility:hidden;transition:transform .45s var(--lpd-ease),visibility 0s .45s}
  .lpd-mbar.is-on{transform:none;visibility:visible;transition:transform .45s var(--lpd-ease),visibility 0s}
  .lpd-mbar:not(:has(>:not([hidden]))){display:none}
  .lpd-mbar>*{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:var(--lpd-pill);font-weight:600;font-size:15px;white-space:nowrap}
  .lpd-mbar>[hidden]{display:none}
  .lpd-mbar__chat{position:relative;background:rgba(255,255,255,.12);color:#fff}
  .lpd-mbar__chat i{font-size:19px}
  .lpd-mbar__chat.has-unread::after{top:10px;right:14px}
  .lpd-mbar__book{background:var(--lpd-lime);color:var(--lpd-ink)}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.lpd-mbar,.lpd-mbar.is-on{transition:none}}

/* Touch screens have no hover: a quick press-in on tap instead, so buttons and cards still answer the finger */
@media (hover:none){
  .lpd-btn,.lpd-mbar>*,.lpd-nav__chat,a.lpd-fcard,.lpd-feature,.lpd-post-card,.lpd-ptile,.lpd-index-row,.lpd-drawer__link{-webkit-tap-highlight-color:transparent}
  .lpd-btn:active,.lpd-mbar>:active,.lpd-nav__chat:active{transform:scale(.96);transition-duration:.12s}
  a.lpd-fcard:active,.lpd-feature:active,.lpd-post-card:active,.lpd-bento__item:active .lpd-ptile{transform:scale(.98);transition-duration:.15s}
  a.lpd-fcard:active .lpd-fcard__go i,.lpd-btn:active i{transform:translateX(4px)}
  .lpd-drawer__link:active{background:rgba(255,255,255,.08)}
  .lpd-mbar>*{transition:transform .3s var(--lpd-ease)}
}