/* ============================================================
   v0.6.6 — Mobile UX / readability pass
   Goal: mobile-first navigation and comfortable reading at 320–900px without
   changing desktop visual parity or the Core / Forms architecture.
   ============================================================ */

html { scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; }
body { overflow-wrap: break-word; }
body.lnv-nav-open { overflow: hidden; }
main { min-width: 0; overflow-x: clip; }
main img, main video, main iframe, main svg { max-width: 100%; }
main table { max-width: 100%; }

/* Shared desktop panel wrapper used by the classic header. */
.site-header__panel { display:flex; align-items:center; gap:20px; margin-left:auto; }

/* Touch / keyboard comfort. */
.nav-toggle { min-width:44px; min-height:44px; align-items:center; justify-content:center; border-radius:12px; }
.nav-toggle:focus-visible,
.navlink:focus-visible,
.btn:focus-visible,
.btn-green:focus-visible,
.btn-ghost:focus-visible,
a:focus-visible,
button:focus-visible { outline:3px solid rgba(0,168,89,.28); outline-offset:3px; }

/* Mobile TOC is inserted near the top of articles; desktop keeps the sidebar. */
.lnv-mobile-toc { display:none; }

@media (max-width: 900px) {
  :root { --side-padding: 24px; }
  html { scroll-padding-top: 76px; }

  /* ==========================================================
     Navigation — one compact row + true drawer
     ========================================================== */
  .lnv-prototype-header,
  .site-header { position:sticky; top:0; z-index:1000; }

  .lnv-prototype-header__inner,
  .site-header__inner {
    min-height:64px;
    padding:10px 20px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
  }

  .lnv-prototype-brand,
  .site-header .lnv-logo { min-width:0; max-width:calc(100% - 56px); }
  .lnv-prototype-logo-img { max-width:190px; max-height:36px; }
  .site-header .lnv-logo__image { max-width:190px; max-height:38px; }

  .nav-toggle {
    display:inline-flex !important;
    flex:0 0 auto;
    margin-left:auto;
    padding:8px;
    background:transparent;
    border:0;
    position:relative;
    z-index:1002;
  }
  .nav-toggle span { width:22px; height:2px; margin:3px 0; border-radius:10px; transition:transform .18s ease, opacity .18s ease; }
  .nav-toggle.is-open span:nth-child(1) { transform:translateY(5px) rotate(45deg); }
  .nav-toggle.is-open span:nth-child(2) { opacity:0; }
  .nav-toggle.is-open span:nth-child(3) { transform:translateY(-5px) rotate(-45deg); }

  .lnv-mobile-nav-panel,
  .lnv-prototype-nav-items {
    display:none !important;
    position:fixed !important;
    inset:64px 0 0 0 !important;
    z-index:1001 !important;
    width:auto !important;
    height:auto !important;
    padding:20px 20px 28px !important;
    background:#FDFCF7 !important;
    border-top:1px solid #EEEBDD;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    box-shadow:0 18px 40px rgba(20,31,23,.08);
  }
  .lnv-mobile-nav-panel.is-open,
  .lnv-prototype-nav-items.is-open { display:flex !important; }

  .lnv-prototype-nav-items > .navlink,
  .lnv-prototype-nav-items > .lnv-prototype-demo,
  .primary-nav a {
    display:flex !important;
    align-items:center;
    width:100%;
    min-height:48px;
    padding:12px 14px !important;
    border-radius:14px !important;
    font-size:16px !important;
    font-weight:600;
    white-space:normal !important;
  }
  .lnv-prototype-nav-items > .navlink:hover,
  .primary-nav a:hover { background:#EAF8EE; }

  .lnv-prototype-lang-switch,
  .site-header__right {
    width:100%;
    padding:14px 4px 2px !important;
    margin-top:4px;
    border-top:1px solid #EEEBDD;
  }
  .lnv-prototype-lang-switch { justify-content:flex-start; min-height:48px; }
  .lnv-prototype-lang-switch .lang-btn,
  .lang-switch { font-size:15px !important; }
  .lnv-prototype-demo { justify-content:center; text-align:center; margin-top:2px; background:#00A859 !important; color:#fff !important; }

  .site-header__panel {
    display:none !important;
    position:fixed;
    inset:64px 0 0;
    z-index:1001;
    padding:20px;
    background:var(--cream);
    overflow-y:auto;
    overflow-x:hidden;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .site-header__panel.is-open { display:flex !important; }
  .site-header__panel .primary-nav { display:flex !important; position:static !important; padding:0 !important; flex-direction:column; align-items:stretch; gap:8px; background:transparent; }
  .site-header__panel .primary-nav > li { width:100%; list-style:none; }
  .site-header__panel .site-header__right { display:flex !important; flex-direction:column; align-items:stretch; gap:12px; }
  .site-header__panel .lang-switch { justify-content:flex-start; min-height:44px; }
  .site-header__panel .btn { width:100%; }

  /* WordPress admin bar is only visible to logged-in editors, but it should not
     cover the drawer while staging is being tested. */
  body.admin-bar .lnv-prototype-header,
  body.admin-bar .site-header { top:32px; }
  body.admin-bar .lnv-mobile-nav-panel,
  body.admin-bar .lnv-prototype-nav-items,
  body.admin-bar .site-header__panel { top:96px !important; }

  /* ==========================================================
     Reading rhythm / section density
     ========================================================== */
  .container { width:100%; padding-left:24px; padding-right:24px; }
  .lnv-prototype-home section,
  .lnv-prototype-page section { padding-left:24px !important; padding-right:24px !important; }
  .lnv-prototype-home section,
  .lnv-prototype-page section,
  [id] { scroll-margin-top:84px; }

  .lnv-section { padding-top:56px; padding-bottom:56px; }
  .lnv-panel { padding:32px; }
  .card, .lnv-card { min-width:0; }

  /* Inline prototype grids need an explicit responsive layer; the source HTML
     was desktop-first and otherwise simply wraps or overflows. */
  .lnv-prototype-page [style*="grid-template-columns:1fr 1fr"],
  .lnv-prototype-page [style*="grid-template-columns:1.2fr .8fr"],
  .lnv-prototype-page [style*="grid-template-columns:.9fr 1.1fr"],
  .lnv-prototype-page [style*="grid-template-columns:auto 1fr"],
  .lnv-prototype-page [style*="grid-template-columns:1.05fr .95fr"],
  .lnv-prototype-page [style*="grid-template-columns:1.15fr .85fr"],
  .lnv-prototype-page [style*="grid-template-columns:1.35fr .65fr"],
  .lnv-prototype-home [style*="grid-template-columns:1fr 1fr"],
  .lnv-prototype-home [style*="grid-template-columns:1.2fr .8fr"],
  .lnv-prototype-home [style*="grid-template-columns:.9fr 1.1fr"],
  .lnv-prototype-home [style*="grid-template-columns:auto 1fr"] {
    grid-template-columns:1fr !important;
  }
  .lnv-prototype-page [style*="grid-template-columns:repeat(4,1fr)"],
  .lnv-prototype-home [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }

  /* Topic/category chips are useful navigation, but wrapping six pills into
     several rows makes mobile pages unnecessarily tall. Use a swipeable rail. */
  .lnv-topic-filter,
  .lnv-topic-filter--center {
    flex-wrap:nowrap !important;
    overflow-x:auto;
    overflow-y:hidden;
    justify-content:flex-start !important;
    gap:8px;
    padding:4px 2px 10px !important;
    margin-left:-2px;
    margin-right:-2px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .lnv-topic-filter::-webkit-scrollbar,
  .lnv-topic-filter--center::-webkit-scrollbar { display:none; }
  .lnv-topic-filter > *, .lnv-topic-filter--center > * { flex:0 0 auto; scroll-snap-align:start; }

  /* Knowledge Hub / article / search / e-book */
  .lnv-hub-content { padding-top:22px; }
  .lnv-hub-section { margin-top:36px; }
  .lnv-hub-featured-grid { gap:18px; }
  .lnv-hub-video-library { margin-top:40px; }
  .lnv-hub-video-grid { grid-template-columns:1fr; }
  .lnv-article-shell, .lnv-search-shell, .lnv-ebook-shell { padding-top:28px; }
  .lnv-article-layout, .lnv-search-layout--prototype, .lnv-ebook-gate--prototype { gap:28px; }
  .lnv-article__body { font-size:17px; line-height:1.8; }
  .lnv-article__body h2 { scroll-margin-top:84px; }
  .lnv-sidebar { position:static; }

  .lnv-mobile-toc { display:block; margin:18px 0 26px; background:#FFF9E3; border:1px solid #F1E7BC; border-radius:16px; padding:0 18px; }
  .lnv-mobile-toc summary { min-height:50px; display:flex; align-items:center; justify-content:space-between; font-weight:700; color:#141F17; cursor:pointer; }
  .lnv-mobile-toc summary::after { content:'+'; font-size:22px; font-weight:500; }
  .lnv-mobile-toc[open] summary::after { content:'−'; }
  .lnv-mobile-toc ul { display:flex; flex-direction:column; gap:0; padding:0 0 14px; }
  .lnv-mobile-toc li { border-top:1px solid #F1E7BC; }
  .lnv-mobile-toc a { display:block; padding:12px 0; color:#3E4A3F; font-size:14px; line-height:1.5; }
  .lnv-sidebar .lnv-toc--article { display:none; }

  .lnv-search-page__form { max-width:none; }
  .lnv-search-refine .lnv-toc { padding:18px; }
  .lnv-ebook-form-card { position:static !important; }

  /* Tables scroll inside their own area rather than causing page-wide horizontal
     scrolling. */
  .lnv-table-wrap,
  .lnv-privacy-table-wrap { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
  .lnv-table,
  .lnv-privacy-table { min-width:620px; }

  /* Footer becomes easier to scan and tap. */
  .lnv-prototype-footer > div,
  .site-footer .container { align-items:flex-start !important; }
  .lnv-prototype-footer .navlink { min-height:44px; display:inline-flex; align-items:center; }
  .lnv-prototype-footer__social { flex-wrap:wrap; }
}

@media (max-width: 782px) {
  body.admin-bar .lnv-prototype-header,
  body.admin-bar .site-header { top:46px; }
  body.admin-bar .lnv-mobile-nav-panel,
  body.admin-bar .lnv-prototype-nav-items,
  body.admin-bar .site-header__panel { top:110px !important; }
}

@media (max-width: 640px) {
  :root { --side-padding: 20px; }
  html { scroll-padding-top:72px; }
  .container { padding-left:20px; padding-right:20px; }
  .lnv-prototype-home section,
  .lnv-prototype-page section { padding-left:20px !important; padding-right:20px !important; }

  .lnv-prototype-header__inner,
  .site-header__inner { padding:8px 16px !important; min-height:60px; }
  .lnv-prototype-logo-img { max-width:172px; max-height:34px; }
  .lnv-prototype-header .lnv-prototype-brand > span { font-size:17px !important; }
  .lnv-mobile-nav-panel,
  .lnv-prototype-nav-items,
  .site-header__panel { inset-top:auto; top:60px !important; padding:16px 16px 24px !important; }
  body.admin-bar .lnv-mobile-nav-panel,
  body.admin-bar .lnv-prototype-nav-items,
  body.admin-bar .site-header__panel { top:106px !important; }

  h1 { font-size:30px; line-height:1.2; }
  h2 { font-size:26px; line-height:1.25; }
  h3 { line-height:1.35; }
  p { line-height:1.75; }

  .lnv-prototype-home #top,
  .lnv-marketing-page-hero { padding-top:44px !important; padding-bottom:42px !important; }
  .lnv-prototype-home #top h1,
  .lnv-marketing-page-hero h1 { font-size:30px !important; line-height:1.22 !important; text-wrap:balance; }
  .lnv-prototype-home #top p,
  .lnv-marketing-page-hero p { font-size:16px !important; line-height:1.75 !important; }

  /* Hero actions become thumb-friendly without overflowing narrow screens. */
  .lnv-prototype-home #top sc-if > div[style*="display:flex"],
  .lnv-hero__ctas { width:100%; }
  .lnv-prototype-home #top .btn-green,
  .lnv-prototype-home #top .btn-ghost,
  .lnv-hero__ctas .btn { width:min(100%, 340px); min-height:48px; justify-content:center; }

  /* Home hero pillar chips: one swipeable row instead of two/three rows. */
  .lnv-prototype-home #top div:has(> sc-if > .chip) {
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    overflow-x:auto;
    margin-left:-20px !important;
    margin-right:-20px !important;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .lnv-prototype-home #top div:has(> sc-if > .chip)::-webkit-scrollbar { display:none; }
  .lnv-prototype-home #top .chip { flex:0 0 auto; }

  .lnv-prototype-page [style*="grid-template-columns:repeat(4,1fr)"],
  .lnv-prototype-home [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .lnv-prototype-page [style*="grid-template-columns:repeat(3,1fr)"],
  .lnv-prototype-home [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns:1fr !important; }

  .lnv-panel { padding:24px; border-radius:20px; }
  .card { border-radius:16px; }
  .lnv-hub-newsletter-card, .lnv-hub-ebook-card__body, .lnv-faq--card, .lnv-ebook-form-card { padding:22px 20px; }
  .lnv-hub-ebook-card__cover { min-height:220px; }
  .lnv-hub-video-library { padding:24px 18px; border-radius:18px; }
  .lnv-hub-video-card__thumb { height:auto; aspect-ratio:16/9; }

  .lnv-article h1 { font-size:30px; line-height:1.22; }
  .lnv-author-row { align-items:flex-start; }
  .lnv-author-row p { line-height:1.5; }
  .lnv-tldr { padding:20px; }
  .lnv-tldr p:last-child { font-size:16px; line-height:1.75; }
  .lnv-article__body { font-size:16.5px; line-height:1.82; }
  .lnv-article__body h2 { font-size:24px; line-height:1.3; margin-top:34px; }
  .lnv-article__body h3 { font-size:20px; line-height:1.35; margin-top:28px; }
  .lnv-article__body ul, .lnv-article__body ol { padding-left:22px; }
  .lnv-article-cta { padding:24px 20px; }
  .lnv-article-cta .btn { width:100%; }

  .lnv-search-page__form { flex-direction:column; }
  .lnv-search-page__form input, .lnv-search-page__form button { width:100%; min-height:48px; }
  .lnv-search-result-card__body { padding:18px; }
  .lnv-search-result-card__media { height:auto; aspect-ratio:16/9; }

  .lnv-ebook-gate__intro h1 { font-size:30px; }
  .lnv-ebook-form-card { padding:22px 20px; }
  .lnv-form-submit, .lnv-native-form button { min-height:48px; }

  .lnv-privacy-shell { width:100% !important; padding-left:20px; padding-right:20px; }
  .lnv-privacy-summary, .lnv-privacy-contact-card, .lnv-privacy-toc { padding:18px; }

  .lnv-cookie-banner { left:10px; right:10px; bottom:10px; }
  .lnv-cookie-banner__inner { padding:20px; }
  .lnv-cookie-banner__actions { display:grid; grid-template-columns:1fr; }
  .lnv-cookie-banner__actions .btn { width:100%; }
  .lnv-cookie-modal { padding:10px; align-items:flex-end; }
  .lnv-cookie-modal__panel { width:100%; max-height:88vh; overflow-y:auto; border-radius:20px 20px 0 0; }

  .lnv-prototype-footer > div { padding:30px 20px !important; gap:18px !important; }
}

@media (max-width: 380px) {
  .container,
  .lnv-prototype-home section,
  .lnv-prototype-page section { padding-left:16px !important; padding-right:16px !important; }
  .lnv-prototype-header__inner, .site-header__inner { padding-left:12px !important; padding-right:12px !important; }
  .lnv-prototype-logo-img { max-width:155px; }
  .lnv-prototype-header .lnv-prototype-brand > span { font-size:16px !important; }
  .lnv-prototype-home #top h1, .lnv-marketing-page-hero h1, .lnv-article h1 { font-size:28px !important; }
  .lnv-panel, .lnv-hub-newsletter-card, .lnv-hub-ebook-card__body, .lnv-faq--card, .lnv-ebook-form-card { padding-left:18px; padding-right:18px; }
}


/* ============================================================
   v0.6.7 — Mobile UX hotfix after real-device/DevTools QA
   - hamburger bars must stack vertically (0.6.6 inline-flex laid them in a row)
   - remove page-wide horizontal drift
   - show all navigation/topic chips without requiring a hidden horizontal gesture
   - tighten Knowledge Hub mobile reading rhythm
   ============================================================ */

body { overflow-x:hidden; }

@media (max-width:900px) {
  .nav-toggle {
    flex-direction:column !important;
    gap:4px;
  }
  .nav-toggle span {
    display:block;
    flex:0 0 auto;
    margin:0 !important;
    transform-origin:center;
  }
  .nav-toggle.is-open span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .nav-toggle.is-open span:nth-child(2) { opacity:0; }
  .nav-toggle.is-open span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

  /* A content site should primarily scroll vertically. Keep cards and media
     inside the viewport and let only intentional table wrappers scroll. */
  .lnv-prototype-home,
  .lnv-prototype-page,
  .lnv-hub-content,
  .lnv-article-shell,
  .lnv-search-shell,
  .lnv-ebook-shell { max-width:100%; overflow-x:hidden; }

  .lnv-hub-article-grid,
  .lnv-hub-featured-grid,
  .lnv-grid { min-width:0; }
  .lnv-hub-article-card,
  .lnv-hub-ebook-card,
  .lnv-hub-newsletter-card,
  .lnv-pillar-card,
  .lnv-search-result-card { min-width:0; max-width:100%; }
}

@media (max-width:640px) {
  /* Home hero has only five short topics: wrapping is clearer than a partly
     clipped swipe rail and avoids competing horizontal/vertical gestures. */
  .lnv-home-hero-chips {
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
    gap:8px !important;
    margin:30px 0 0 !important;
    padding:0 !important;
  }
  .lnv-home-hero-chips sc-if { display:contents; }
  .lnv-home-hero-chips .chip {
    flex:0 0 auto;
    white-space:nowrap;
    font-size:12.5px !important;
    padding:9px 13px !important;
  }

  /* Same principle for Knowledge Hub / category navigation: all six choices
     remain visible and tappable without a hidden sideways scroll. */
  .lnv-topic-filter,
  .lnv-topic-filter--center {
    display:flex !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:10px 0 4px !important;
    scroll-snap-type:none !important;
  }
  .lnv-topic-filter > *,
  .lnv-topic-filter--center > * { flex:0 0 auto; }
  .lnv-topic-filter .lnv-pill {
    min-height:38px;
    display:inline-flex;
    align-items:center;
    padding:8px 13px;
    font-size:12.5px;
  }

  /* Reading density: keep acquisition modules useful without letting them
     dominate two consecutive mobile screens before the articles. */
  .lnv-hub-content { padding-top:18px; }
  .lnv-hub-featured-grid { gap:16px; }
  .lnv-hub-ebook-card__body { padding:20px 18px; }
  .lnv-hub-ebook-card__body h2 { font-size:23px; line-height:1.3; }
  .lnv-hub-ebook-card__body p { font-size:14px; line-height:1.65; }
  .lnv-hub-ebook-card__cover { min-height:190px; }
  .lnv-hub-newsletter-card { padding:20px 18px; }
  .lnv-hub-newsletter-card h3 { font-size:19px; line-height:1.35; }
  .lnv-hub-newsletter-card > p:not(.eyebrow) { font-size:13.5px; line-height:1.6; }
  .lnv-hub-section { margin-top:32px; }
  .lnv-section__head { gap:10px; align-items:flex-start; }
  .lnv-section__head h2 { font-size:24px; }

  /* Mobile hero should never sit underneath the sticky header after reload or
     anchor navigation. */
  .lnv-hero--hub { padding-top:44px; }
}

@media (max-width:380px) {
  .lnv-home-hero-chips .chip,
  .lnv-topic-filter .lnv-pill { font-size:12px; padding-left:11px; padding-right:11px; }
}

/* ============================================================
   v0.6.8 — Mobile navigation drawer fix
   Real-device QA found the open menu could collapse visually into a single
   active item. This layer gives the prototype header an explicit viewport-
   sized drawer and removes older mobile-nav rules from the equation.
   ============================================================ */
@media (max-width:900px) {
  body { --lnv-admin-offset: 0px; }
  body.admin-bar { --lnv-admin-offset: 32px; }

  .lnv-prototype-header {
    top: var(--lnv-admin-offset) !important;
    overflow: visible !important;
  }

  .lnv-prototype-header__inner {
    position: relative !important;
    min-height: 64px !important;
    padding: 10px 20px !important;
    align-items: center !important;
  }

  .lnv-prototype-nav-items.lnv-mobile-nav-panel {
    display: none !important;
    position: fixed !important;
    top: calc(var(--lnv-admin-offset) + 64px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: calc(100dvh - var(--lnv-admin-offset) - 64px) !important;
    min-height: calc(100vh - var(--lnv-admin-offset) - 64px) !important;
    padding: 18px 20px 28px !important;
    margin: 0 !important;
    background: #FDFCF7 !important;
    border-top: 1px solid #EEEBDD !important;
    box-shadow: 0 18px 36px rgba(20,31,23,.12) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 1001 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  .lnv-prototype-nav-items.lnv-mobile-nav-panel.is-open {
    display: flex !important;
  }

  .lnv-prototype-nav-items.lnv-mobile-nav-panel > .navlink {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    color: #141F17;
    background: transparent;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  .lnv-prototype-nav-items.lnv-mobile-nav-panel > .navlink[aria-current="page"],
  .lnv-prototype-nav-items.lnv-mobile-nav-panel > .navlink.is-active {
    background: #141F17 !important;
    color: #FDFCF7 !important;
  }

  .lnv-prototype-nav-items.lnv-mobile-nav-panel > .navlink:hover {
    background: #EAF8EE;
    color: #141F17;
  }

  .lnv-prototype-nav-items .lnv-prototype-lang-switch {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    padding: 14px 16px 8px !important;
    border-top: 1px solid #EEEBDD !important;
  }

  .lnv-prototype-nav-items .lnv-prototype-lang-switch .lang-btn {
    display: inline-flex !important;
    min-width: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }

  .lnv-prototype-nav-items .lnv-prototype-lang-switch .lang-btn.is-active {
    background: #EAF8EE !important;
    color: #00793F !important;
  }

  .lnv-prototype-nav-items.lnv-mobile-nav-panel > .lnv-prototype-demo {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 4px 0 0 !important;
    padding: 13px 18px !important;
    border-radius: 999px !important;
    background: #00A859 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.lnv-nav-open main,
  body.lnv-nav-open .lnv-prototype-footer {
    pointer-events: none;
  }
}

@media (max-width:782px) {
  body.admin-bar { --lnv-admin-offset: 46px; }
}

@media (max-width:380px) {
  .lnv-prototype-nav-items.lnv-mobile-nav-panel {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Keep the same active navigation treatment on desktop after moving the
   prototype header from inline active styles to semantic classes. */
.lnv-prototype-nav-items > .navlink.is-active {
  background:#141F17;
  color:#FDFCF7;
}