.guide-picker{width:min(1160px,calc(100% - 36px));margin:22px auto 0;padding:14px 16px;border:1px solid #314260;border-radius:14px;background:#0c172b;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.guide-picker span{color:#91a7c6;font-size:12px;margin-right:8px}.guide-picker a{display:inline-flex;padding:10px 15px;border:1px solid #344b6d;border-radius:9px;color:#bbcce4;font-size:12px;text-decoration:none}
.guide-picker a[aria-current=page],.guide-picker a:hover{border-color:#9b7af4;background:#31204f;color:#eee6ff}
.guide-hub{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.guide-hub h1{font-size:clamp(30px,5vw,48px);margin:12px 0;letter-spacing:-.05em}.guide-hub-intro{max-width:740px;line-height:1.8;color:#a9bedb;font-size:14px}
.guide-filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}.guide-filters button{font:inherit;font-size:13px;padding:11px 20px;border:1px solid #354969;border-radius:10px;color:#b0c5e2;background:#0b1a32;cursor:pointer}.guide-filters button[aria-selected=true]{background:#7954df;border-color:#aa89ff;color:white}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-entry{display:flex;flex-direction:column;padding:28px;border:1px solid #334b6d;border-radius:18px;background:linear-gradient(145deg,#112442,#081529);min-height:230px;transition:border-color .2s,transform .2s}.guide-entry:hover{border-color:#a987fa;transform:translateY(-2px)}.guide-entry[hidden]{display:none!important}.guide-entry small{color:#83d8e6;font-size:11px;letter-spacing:.1em}.guide-entry h2{font-size:24px;margin:18px 0 12px}.guide-entry p{color:#a5bad6;font-size:13px;line-height:1.8;margin:0 0 24px}.guide-entry strong{margin-top:auto;color:#b998ff;font-size:13px}.guide-hub-note{color:#8ba4c6;font-size:12px;line-height:1.8;margin-top:22px}
.guide-filters button:focus-visible,.guide-picker a:focus-visible,.guide-entry:focus-visible{outline:2px solid #74e6dd;outline-offset:3px}
@media(max-width:650px){.guide-grid{grid-template-columns:1fr}.guide-hub{padding-top:32px}.guide-picker{gap:7px;padding:12px}.guide-picker span{width:100%}.guide-picker a{padding:9px 10px;font-size:11px}}
