.guide-details>summary{cursor:pointer;font-size:14px;font-weight:700;padding:3px 0;min-height:32px;align-content:center;color:var(--gold,#e4c786)}
.guide-details[open]>summary{margin-bottom:16px}
.guide-shelf{min-width:0;margin:0 0 14px}
.guide-shelf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.guide-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.guide-card{display:block;flex:0 0 clamp(160px,42vw,218px);padding:0;overflow:hidden;scroll-snap-align:start;border:1px solid #e4c78642;border-radius:16px;background:#15161c;cursor:zoom-in}
.guide-card img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
.guide-card:focus-visible{outline:3px solid #e4c786;outline-offset:2px}
.guide-dialog{color:#f6f0e7;background:#101118;border:1px solid #e4c78655;border-radius:20px;padding:16px;width:min(660px,calc(100vw - 24px));max-height:94dvh;overflow:auto}
.guide-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.guide-dialog-head,.guide-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px}
.guide-dialog-head{margin-bottom:12px}
.guide-filters{display:flex;gap:8px;margin-bottom:12px}
.guide-filters select{min-width:0;max-width:55%;padding:10px 6px;border:1px solid #ffffff30;background:#1a1b24;color:inherit;border-radius:8px;font:inherit;font-size:12px}
.guide-dialog>img{display:block;width:100%;height:auto;border-radius:12px}
.guide-dialog>[hidden]{display:none}
.guide-navigation{margin-top:14px;font-size:12px}
@media(min-width:760px){.guide-dialog>img{max-height:70dvh;object-fit:contain}.guide-card{flex-basis:190px}}