/* Three primary actions; display preferences live in a quiet native disclosure. */
.journey-header{gap:24px}
.journey-header #main-nav{margin-left:auto;gap:28px;font-size:12px}
.journey-header .brand[aria-current]{color:var(--text)}
.header-utilities{display:flex;align-items:center;gap:12px}
.journey-header #main-nav .nav-acquire{padding:0 18px;min-height:40px;border-radius:999px;background:var(--text);color:var(--bg);font-weight:500;gap:18px}
.journey-header #main-nav .nav-acquire:after{display:none}
.journey-header #main-nav .nav-acquire:hover{opacity:.86}
.journey-header #main-nav .nav-acquire:focus-visible{outline-offset:4px}
.display-settings{position:relative}
.display-settings>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;cursor:pointer;color:var(--secondary);border-radius:50%}
.display-settings>summary::-webkit-details-marker{display:none}
.display-settings>summary svg{width:20px;height:20px;fill:var(--bg);stroke:currentColor;stroke-width:1.4}
.display-settings>summary:hover,.display-settings[open]>summary{background:var(--raised);color:var(--text)}
.settings-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:244px;max-height:calc(100svh - 120px);overflow:auto;padding:18px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 50px #0005;font-size:12px}
.settings-panel>p{margin:0 0 14px;font-size:11px;color:var(--muted)}
.settings-theme{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.settings-panel .theme-toggle{min-height:44px;margin:0;font-size:12px;gap:7px}
.settings-panel [data-motion-toggle]{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:48px;text-align:left;font-size:12px;padding:12px 0 0}
.settings-panel [data-motion-toggle]:after{content:'';width:24px;height:14px;flex-shrink:0;background:var(--raised);border:1px solid var(--muted);border-radius:12px;box-shadow:inset 8px 0 0 0 var(--muted)}
.settings-panel [data-motion-toggle][aria-pressed=true]:after{background:var(--text);box-shadow:inset -8px 0 0 0 var(--bg)}
.product-switch{position:absolute;z-index:6;top:102px;right:4.5vw;display:flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:11px}
.product-switch a{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 17px;border-radius:999px;color:var(--muted)}
.product-switch a[aria-current]{color:var(--text);background:var(--raised)}
.product-switch a:hover{color:var(--text)}
.related-page-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:18px;max-width:1280px;margin:0 auto;padding:22px max(24px,1vw) 34px;font-size:12px;color:var(--secondary)}
.related-page-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
html.light-theme .settings-panel{box-shadow:0 15px 50px #0002}
html.light-theme .settings-panel .theme-toggle{color:var(--text)}
@media(max-width:800px){
 .journey-header{gap:10px}.header-utilities{gap:2px;margin-left:auto}
 .journey-header #main-nav{margin-left:0;gap:6px;padding:16px 20px}
 .journey-header #main-nav .nav-acquire{justify-content:space-between;min-height:44px;margin-top:6px;padding:0 16px}
 .settings-panel{right:0;width:min(244px,calc(100vw - 44px));max-height:calc(100svh - 110px)}
 .product-switch{top:84px;right:24px;font-size:11px}
 .product-switch a{min-height:36px;padding:0 13px}
 .related-page-links{justify-content:flex-start;padding:8px 24px 30px}
}
@media(max-width:800px) and (min-height:541px){
 body[data-page=features] .content-chapter .shadow-intro,body[data-page=features] .content-chapter .comparison-heading{top:142px}
}
@media(max-height:540px) and (orientation:landscape){
 .product-switch{top:68px}.settings-panel{max-height:calc(100svh - 86px)}
}

@media(max-width:800px){.journey-footer{flex-wrap:wrap}.journey-footer>span{display:block;font-size:10px}.product-switch a{min-height:40px}}
/* Override the legacy light-nav text rule, including hover/current states. */
html.light-theme .journey-header #main-nav > a.nav-acquire{background:#171717;color:#fff!important}
@media(max-width:900px) and (max-height:540px) and (orientation:landscape){
 .content-chapter .shadow-editorial .shadow-figure{width:min(37vw,58svh,340px);top:calc(50% + 44px)}
}