/* Structural styles for the shared navigation on standalone reading pages.
   The navigation content and behaviour are owned by dossier-navigation.js;
   dossier-navigation-ui.css owns the shared editorial finish. */
.dossier-standalone { --dossier-sidebar:236px; --dossier-line:#2b3a49; --dossier-text:#edf2f7; font-family:Arial,Helvetica,sans-serif; }
.dossier-hud-panel, .dossier-navigation-dialog { box-sizing: border-box; color: var(--dossier-text); font-family: Inter, Arial, sans-serif; }
.dossier-hud-panel { position: fixed; inset: 0 auto 0 0; width: var(--dossier-sidebar); z-index: 60; background: #091019; border-right: 1px solid var(--dossier-line); display: none; }
.dossier-nav-content { display: flex; flex-direction: column; min-height: 100%; padding: 34px 19px 23px; box-sizing: border-box; }
.dossier-brand { display: flex; align-items: center; gap: 11px; text-decoration: none !important; color: #edf2f7; font-size: 15.0px; font-weight: 700; letter-spacing: -.04em; }
.dossier-brand-mark { display: grid; place-items: center; width: 34px; height: 39px; flex-shrink: 0; border: 1px solid #a8584f; color: #e96366; font: italic 31px/1 Georgia, serif; border-radius: 3px; padding-bottom: 4px; }
.dossier-brand small { display: block; font: 11.0px/1.5 'JetBrains Mono', Consolas, monospace; color: #899099; letter-spacing: .045em; margin-top: 7px; }
.dossier-nav-edition { display: flex; justify-content: space-between; gap: 8px; margin: 27px 0 28px; padding-bottom: 19px; border-bottom: 1px solid #272c32; color: #858c96; font: 11.0px/1.6 'JetBrains Mono', Consolas, monospace; letter-spacing: .03em; }
.dossier-nav-group + .dossier-nav-group { margin-top: 25px; }
.dossier-nav-label { margin: 0 0 9px 12px; color: #848c97; font: 11.0px/1.5 'JetBrains Mono', Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.dossier-nav-group ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; }
.has-dossier-nav .hud-link { display: flex; align-items: center; position: relative; gap: 11px; padding: 11px 12px; min-height: 41px; box-sizing: border-box; border: 1px solid transparent; border-radius: 5px; color: #a8afb9; font: 12.0px/1.5 Inter, Arial, sans-serif; text-decoration: none; transition: color .18s, background .18s; }
.hud-link svg { width: 17px; height: 17px; flex-shrink: 0; color: #828b98; }
.has-dossier-nav .hud-link:hover { color: #f7f2ec; background: #1b2027; }
.has-dossier-nav .hud-link.is-active { color: #f28c8c; background: #dc484817; border-color: #713b4270; font-weight: 600; }
.hud-link.is-active svg { color: #ec7075; }
.nav-current-dot { margin-left: auto; width: 4px; height: 4px; border-radius: 50%; background: #ef7478; flex-shrink: 0; }
.dossier-nav-foot { margin-top: auto; padding: 33px 12px 0; }
.nav-foot-line { display: block; width: 24px; height: 1px; background: #93574b; margin-bottom: 17px; }
.dossier-nav-foot p { font: italic 18px/1.4 Georgia, serif; color: #c6c2bc; margin: 0 0 5px; }
.dossier-nav-foot > span:last-of-type { color: #838b97; font: 11.0px/1.8 Inter, Arial, sans-serif; }
.dossier-nav-foot button { border: 0; background: none; color: #a5acb6; padding: 10px 0 0; font: 11.0px/1.6 Inter, Arial, sans-serif; cursor: pointer; }
.dossier-nav-foot button:hover { color: #f28c8c; }
.dossier-navigation-dialog { background: #091019; border: 1px solid #393e46; padding: 0; margin: 0; width: min(330px, calc(100% - 28px)); max-width: none; height: 100dvh; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; border-radius: 0 12px 12px 0; }
.dossier-navigation-dialog::backdrop { background: #050709b8; backdrop-filter: blur(5px); }
.dossier-navigation-dialog .dossier-nav-content { padding: 32px 24px; }
.dossier-navigation-dialog .dossier-brand { padding-right: 30px; }
.dossier-nav-close { position: absolute; top: 18px; right: 12px; width: 40px; height: 40px; padding: 10px; border: 0; background: transparent; color: #b4bac4; cursor: pointer; }
.dossier-nav-close svg { width: 20px; height: 20px; }
.hud-mobile-toggle { display: flex; align-items: center; gap: 9px; position: fixed; left: 20px; bottom: max(20px, env(safe-area-inset-bottom)); z-index: 55; min-height: 46px; padding: 12px 17px; border: 1px solid #776057; border-radius: 7px; background: #171b20f5; color: #f1e8df; font: 600 12px/1.5 Inter, Arial, sans-serif; box-shadow: 0 4px 20px #0005; cursor: pointer; }
.hud-mobile-toggle svg { width: 17px; height: 17px; }
.dossier-menu-open { overflow: hidden; }

.dossier-brand { flex-direction:column; align-items:flex-start; }
.dossier-site-logo { width:150px; height:40px; object-fit:contain; }
.dossier-nav-head { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; }
.dossier-nav-title { font-size:14px; }
.dossier-navigation-dialog:not([open]) { display:none; }
.dossier-page-sections > nav { display:grid; }
.dossier-section-link { display:block; padding:8px 10px; font:13px/1.5 Arial,Helvetica,sans-serif; color:#acbecf; text-decoration:none; }
.dossier-section-link:hover { color:#f0b4c3; }
.dossier-standalone :is(.hud-link,.dossier-section-link,.hud-mobile-toggle,.dossier-nav-close,summary):focus-visible { outline:2px solid #e47d93; outline-offset:3px; }
@media(min-width:1280px) {
 .dossier-standalone.has-dossier-nav { padding-left:var(--dossier-sidebar); }
 .dossier-hud-panel { display:block; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#405367 #091019; }
 .hud-mobile-toggle { display:none; }
}
@media(max-width:1279px) {
 .dossier-standalone .olga-dossier footer { padding-bottom:100px; }
}
@media(prefers-reduced-motion:reduce) {
 .dossier-navigation-dialog[open],.hud-link,.hud-mobile-toggle { animation:none; transition:none; }
}
@media print {
 .dossier-standalone { padding-left:0; }
 .dossier-hud-panel,.dossier-navigation-dialog,.hud-mobile-toggle { display:none; }
}
