/* Style selection belongs to the header; no fixed bottom dock remains. */
body.navigation-ready,body.navigation-ready[data-variant=c]{padding-bottom:0}
body.navigation-ready[data-variant=c] #libraryView{padding-bottom:0}
.navigation-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:30px}
.site-header.navigation-header{height:100px}
.publication-header.navigation-header{min-height:100px;padding-block:24px;column-gap:26px}
.navigation-header .header-nav{margin:0;gap:24px;justify-content:center;min-width:0}
.navigation-header .header-actions{display:none}
.navigation-header .header-nav .help-button{width:36px;min-width:36px;display:grid;place-items:center}
.navigation-header .header-nav .help-button:after{display:none}
.navigation-header .header-note{display:none}
.navigation-header .publication-actions{margin:0;justify-content:flex-end;gap:20px!important}
.navigation-header .publication-actions [data-action=motion]{display:none}
.navigation-header #designSwitcher{position:static;inset:auto;transform:none;width:auto;max-width:none;justify-self:end;margin:0;z-index:4;color:var(--ink)}
.navigation-header .design-dock{gap:3px;padding:4px;border:1px solid var(--line);border-radius:9px;background:transparent;box-shadow:none;justify-content:flex-end}
.navigation-header .dock-label,.navigation-header .design-option span:first-child{display:none}
.navigation-header .design-option{min-height:40px;min-width:52px;flex:none;padding:8px 11px;border-radius:5px;justify-content:center;font-size:12px;color:var(--muted);gap:0}
.navigation-header .design-option[aria-current=page]{background:var(--ink);color:var(--bg)}
.navigation-header .design-option:hover{background:var(--soft);color:var(--ink)}
.navigation-header .design-option[aria-current=page]:hover{background:var(--ink);color:var(--bg)}
.navigation-header .design-option:focus-visible,.navigation-header .dock-motion:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.navigation-header .dock-motion{width:36px;height:40px;min-height:40px;flex:0 0 36px;border-left:1px solid var(--line);border-radius:0;color:var(--muted);margin-left:3px}
.navigation-header .dock-motion:hover{color:var(--ink)}
.navigation-header .dock-motion .icon{width:16px;height:16px}
body.navigation-ready #toast{bottom:26px}
@media(max-width:1180px){
 .navigation-header{column-gap:20px}
 .navigation-header .header-nav{gap:16px}
 .navigation-header .header-nav button,.navigation-header .formula-nav{font-size:11px}
 .publication-header.navigation-header{column-gap:20px}
 .navigation-header .publication-actions{gap:15px!important}
}
@media(max-width:1100px){
 .site-header.navigation-header,.publication-header.navigation-header{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:0;padding-top:19px;padding-bottom:8px;gap:8px 20px}
 .navigation-header .brand,.navigation-header .publication-brand{grid-column:1;grid-row:1;justify-self:start}
 .navigation-header #designSwitcher{grid-column:2;grid-row:1}
 .navigation-header .header-nav,.navigation-header .publication-actions{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 26px!important;border-top:1px solid var(--line);padding-top:5px;width:100%}
 .navigation-header .header-nav button,.navigation-header .publication-actions button,.navigation-header .formula-nav{min-height:40px;font-size:12px}
 .navigation-header .publication-actions button[data-action=coverage],.navigation-header .publication-actions button[data-action=help]{display:inline-flex;align-items:center}
}
@media(max-width:600px){
 .site-header.navigation-header,.publication-header.navigation-header{padding:14px 16px 8px;column-gap:10px;row-gap:9px}
 .navigation-header .brand{gap:10px}
 .navigation-header .brand-mark{font-size:30px}
 .navigation-header .brand-name{font-size:11px;padding-left:10px;letter-spacing:0}
 .navigation-header .brand-point{width:5px;height:5px;margin-left:2px}
 .navigation-header .publication-brand{gap:11px}
 .navigation-header .brand-monogram{font-size:32px}
 .navigation-header .publication-brand .brand-name{font-size:12px}
 .navigation-header .publication-brand .brand-name>span{font-size:10px;letter-spacing:.12em}
 .navigation-header .design-dock{padding:3px;gap:1px}
 .navigation-header .design-option{font-size:11px;min-height:44px;min-width:46px;padding:8px 9px}
 .navigation-header .dock-motion{width:34px;height:44px;min-height:44px;flex-basis:34px;margin-left:2px}
 .navigation-header .header-nav,.navigation-header .publication-actions{gap:0 17px!important;padding-top:3px}
 .navigation-header .header-nav button,.navigation-header .publication-actions button,.navigation-header .formula-nav{min-height:40px;font-size:11px}
 .navigation-header .header-nav .help-button{width:28px;min-width:28px}
 body.navigation-ready #toast{bottom:24px;max-width:calc(100vw - 90px)}
}
@media print{.navigation-header #designSwitcher{display:none!important}}

/* Shared, complete navigation in both retained layouts. */
.navigation-header .header-nav,.navigation-header .publication-actions{gap:12px!important;justify-content:center}
.navigation-header :is(.header-nav,.publication-actions)>:is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:12px;line-height:1.4;white-space:nowrap;text-decoration:none;position:relative}
.navigation-header :is(.header-nav,.publication-actions)>.help-button{width:40px;min-width:40px;padding:8px;flex:none}
.navigation-header .header-nav>button:after{display:none}
.navigation-header :is(.header-nav,.publication-actions)>:is(button,a):hover{color:var(--ink);border-color:var(--accent)}
.navigation-header :is(.header-nav,.publication-actions)>:is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.navigation-header .support-nav{color:var(--ink)}
.navigation-header .help-button svg{width:20px;height:20px}
@media(min-width:1101px) and (max-width:1360px){.navigation-header{column-gap:18px}.navigation-header .header-nav,.navigation-header .publication-actions{gap:7px!important}.navigation-header :is(.header-nav,.publication-actions)>:is(button,a){font-size:11px;padding:8px}}
@media(max-width:1100px){.navigation-header .header-nav,.navigation-header .publication-actions{justify-content:flex-start;gap:8px!important;padding-top:10px;padding-bottom:4px}}
@media(max-width:600px){.navigation-header .header-nav,.navigation-header .publication-actions{gap:7px!important}.navigation-header :is(.header-nav,.publication-actions)>:is(button,a){min-height:40px;font-size:11px;padding:8px 10px}.navigation-header :is(.header-nav,.publication-actions)>.help-button{width:40px;min-width:40px}.navigation-header .formula-nav svg{width:12px;height:12px}}
