.section-guide-tabs { position: fixed; top: 130px; right: 0; z-index: 60; display: flex; flex-direction: column; gap: 4px; max-height: calc(100dvh - 210px); overflow-y: auto; transition: right .25s ease; }
.section-guide-tab { writing-mode: vertical-rl; padding: .7rem .5rem; font: .62rem "Cinzel", serif; letter-spacing: 2px; text-transform: uppercase; color: var(--tab); background: #1a0a00; border: 1px solid var(--tab); border-right: 0; border-radius: 6px 0 0 6px; text-decoration: none; flex-shrink: 0; }
.section-guide-tab:hover { background: #2a1408; }
.section-guide-tab.active { background: var(--tab); color: #1a0a00; font-weight: bold; }
.section-guide-panel { --guide-color: #e7b858; position: fixed; top: 100px; right: 0; bottom: 0; z-index: 59; width: 320px; max-width: calc(100vw - 52px); padding: 1.4rem 1.3rem; background: rgba(8,16,24,.98); color: #f5ead6; border-left: 3px solid var(--guide-color); box-shadow: -8px 0 24px rgba(0,0,0,.4); overflow-y: auto; }
.section-guide-panel[hidden], .section-guide-pane[hidden] { display: none; }
.section-guide-panel:not([hidden]) { animation: sectionGuideIn .25s ease; }
@keyframes sectionGuideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
.section-guide-panel h2 { padding-right: 1rem; font: 1.5rem/1.1 "Bebas Neue", sans-serif; letter-spacing: 2px; color: var(--guide-color); margin-bottom: .85rem; }
.section-guide-panel p { color: #ceb896; line-height: 1.65; margin-bottom: .8rem; }
.section-guide-panel a { color: var(--guide-color); text-decoration: underline; text-underline-offset: 3px; }
.section-guide-panel code { color: #f5ead6; font-size: .85em; }
.section-guide-close { position: absolute; top: .3rem; right: .6rem; background: none; border: 0; color: #f5ead6; font-size: 1.7rem; cursor: pointer; }
.section-guide-tabs a:focus-visible, .section-guide-panel :is(a, button):focus-visible { outline: 2px solid #e7b858; outline-offset: 3px; }
[data-section-guide-target] { scroll-margin-top: 110px; }
@media(max-width:760px) { .section-guide-tab { padding: .55rem .45rem; font-size: .58rem; letter-spacing: 1px; } }
@media(prefers-reduced-motion:reduce) { .section-guide-tabs { transition: none; } .section-guide-panel { animation: none !important; } }