/* Restored soft Lanista palette: very light sage is the base,
   deeper sage separates sections; forest remains an intentional feature.
   Legacy tone name "white" now denotes the original pale sage surface. */
:root{--lanista-sage-light:var(--pc-f7f8f3,#f0f0eb);--lanista-sage:var(--pc-e7eee5,#f0f0eb)}
body{background:var(--lanista-sage-light)!important;--paper:var(--lanista-sage-light)}
body>header{background:var(--lanista-sage-light)}
[data-section-tone="white"]{--section-bg:var(--lanista-sage-light)}
[data-section-tone="sage"]{--section-bg:var(--lanista-sage)}
[data-section-tone="forest"]{--section-bg:var(--pc-052f24,#171816)}
[data-section-tone]{background:var(--section-bg)!important}
/* Existing .wrap sections keep their content width; their background fills the band. */
.wrap[data-section-tone],.resource-faq-group[data-section-tone]{box-shadow:0 0 0 100vmax var(--section-bg);clip-path:inset(0 -100vmax)}
[data-section-role="faq"]{color:var(--pc-102c23,#171816)!important}
[data-section-role="faq"] :is(h2,h3,summary){color:var(--pc-102c23,#171816)!important}
[data-section-role="faq"] .eyebrow{color:var(--pc-073b2c,#171816)!important}
[data-section-role="faq"] .faq-list details{border-color:var(--pc-b8cbb8,#bbbdb4)!important}
[data-section-role="faq"] .faq-list details p{color:var(--pc-596b61,#60635b)!important}
[data-section-role="faq"] .faq-list summary span{color:var(--pc-073b2c,#171816)!important}
/* Quiet demo band, with a consistently visible lime action. */
[data-section-role="demo"]{color:var(--pc-102c23,#171816)!important}
[data-section-role="demo"] :is(h2,h3,em){color:var(--pc-052f24,#171816)!important}
[data-section-role="demo"] p{color:var(--pc-596b61,#60635b)!important}
[data-section-role="demo"] .eyebrow{color:var(--pc-073b2c,#171816)!important}
:is(.nav>.navlinks,[data-section-role="demo"]) .button,
:is(.nav>.navlinks,[data-section-role="demo"]) .button:hover,
:is(.nav>.navlinks,[data-section-role="demo"]) .button:focus-visible{background:var(--pc-c5ff21,#c6f55b)!important;border-color:var(--pc-c5ff21,#c6f55b)!important;color:var(--pc-052f24,#171816)!important}
:is(.nav>.navlinks,[data-section-role="demo"]) .button :is(span,.arrow){color:var(--pc-052f24,#171816)!important}
:is(.nav>.navlinks,[data-section-role="demo"]) .button:hover{box-shadow:0 0 0 3px var(--pc-052f2426,#17181626)}
/* Owner-focused navigation: clear audience links, one primary action. */
.nav .nav-login,.nav .nav-login-mobile{font-weight:400;border:0;background:transparent;padding:9px 0;border-radius:0;box-shadow:none}
.nav .nav-login:hover,.nav .nav-login-mobile:hover{background:transparent;text-decoration:underline;text-underline-offset:5px}
.nav .mega-topic-links{flex-wrap:wrap}
/* Language choice stays available in the footer without competing with the demo. */
.site-footer .footer-language{display:flex;align-items:center;gap:10px;width:fit-content;margin:20px 0 12px;padding:0;border:0;border-radius:0;background:transparent;color:var(--pc-c2d6c6,#dedfd8)}
.site-footer .footer-language a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;font-size:14px;font-weight:400;border-radius:3px;background:transparent;color:var(--pc-f4f8ee,#f0f0eb);text-decoration:none}
.site-footer .footer-language a[aria-current="true"]{font-weight:700;color:var(--pc-c5ff21,#c6f55b);text-decoration:underline;text-underline-offset:5px}
.site-footer .footer-language a:hover{color:var(--pc-c5ff21,#c6f55b);text-decoration:underline;text-underline-offset:5px;background:transparent}
.site-footer .footer-language a:focus-visible{outline:2px solid var(--pc-c5ff21,#c6f55b);outline-offset:3px}
/* Separate exploration links from the account and demo actions. */
@media(min-width:1101px){
 .nav>.navlinks{gap:24px}
 .nav>.navlinks>.nav-login{margin-inline-start:48px}
}
/* A centered chevron and a quiet, persistent open-menu state. */
.nav .nav-trigger{gap:8px;padding:10px 8px;border-radius:6px;transition:background-color .16s ease}
.nav .nav-trigger:hover,.nav .nav-trigger[aria-expanded="true"]{background:var(--pc-e7eee5,#f0f0eb)}
.nav .nav-trigger>span{display:block;flex:none;width:7px;height:7px;font-size:0;line-height:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.nav .nav-trigger[aria-expanded="true"]>span{transform:translateY(2px) rotate(225deg)}
@media(min-width:1101px){.nav .nav-trigger{margin-inline:-8px}}
@media(prefers-reduced-motion:reduce){.nav .nav-trigger,.nav .nav-trigger>span{transition:none}}
