.rds-header { position:relative!important; z-index:60!important; width:min(1180px,calc(100% - 2rem)); margin:0 auto; padding:1.2rem 0 0!important; display:flex; align-items:center; justify-content:space-between; }
.rds-header img { display:block; width:auto; height:2.7rem; }
.rds-header button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:44px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
.rds-header button span { display:block; width:18px; height:2px; background:#eee4ce; }
#rds-navigation { position:fixed; top:5.1rem; right:max(1rem,calc((100vw - 1180px)/2)); z-index:55; width:min(352px,calc(100% - 2rem)); max-height:calc(100dvh - 6rem); overflow:auto; padding:1.3rem 1.5rem; background:#e6dcc6; color:#292923; border:1px solid #b8ac92; border-radius:3px 8px 2px 5px; box-shadow:5px 6px 0 #a193c550,0 18px 50px #0005; counter-reset:nav-item; font-family:'DM Sans',sans-serif; }
#rds-navigation p { margin:0 0 .5rem; padding:.4rem 0 1rem; font: .65rem/1.6 monospace; letter-spacing:.12em; text-transform:uppercase; color:#615a4c; border-bottom:1px dashed #827967; }
#rds-navigation a { display:flex; align-items:center; gap:.8rem; padding:.8rem 0; color:#292923; text-decoration:none; font-size:1.2rem; font-weight:700; line-height:1.5; border-bottom:1px solid #82796750; }
#rds-navigation a::before { counter-increment:nav-item; content:'0' counter(nav-item); font:.65rem monospace; color:#6e5d87; }
#rds-navigation a::after { content:'↗'; margin-left:auto; color:#6e5d87; }
#rds-navigation a:hover { background:#a193c525; }
.rds-backdrop { position:fixed; inset:0; z-index:50; background:#0007; backdrop-filter:blur(8px); }
#rds-navigation[hidden],.rds-backdrop[hidden] { display:none!important; }
.rds-header button:focus-visible,#rds-navigation a:focus-visible { outline:2px dashed #a193c5; outline-offset:4px; }