.rolf-guide-directory{margin:30px 0 0;padding:clamp(20px,3vw,30px);border:1px solid rgba(111,231,207,.2);border-radius:26px;background:linear-gradient(145deg,rgba(9,21,37,.92),rgba(12,26,46,.84));box-shadow:0 24px 70px rgba(1,7,15,.2)}
.rolf-guide-directory__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.62fr);gap:20px;align-items:end}.rolf-guide-directory__heading span,.rolf-guide-group__heading span{color:#72e2ce;font-size:.7rem;font-weight:900;letter-spacing:.14em}.rolf-guide-directory__heading h3{margin:8px 0 0;color:#f1f6ff;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08}.rolf-guide-directory__heading p,.rolf-guide-group__heading p{margin:0;color:#aebdd1;line-height:1.55}
.rolf-guide-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:24px 0 14px}.rolf-guide-filter label{display:grid;gap:7px;color:#dfeaff;font-size:.82rem;font-weight:850}.rolf-guide-filter input{min-height:50px;width:100%;padding:0 16px;border:1px solid rgba(140,167,205,.3);border-radius:14px;background:#071321;color:#fff;font:inherit;font-size:1rem}.rolf-guide-filter input:focus{outline:3px solid rgba(80,226,199,.24);border-color:#50e2c7}.rolf-guide-filter button{align-self:end;min-height:50px;padding:0 17px;border:1px solid rgba(140,167,205,.3);border-radius:14px;background:rgba(255,255,255,.05);color:#dce8fa;font-weight:850;cursor:pointer}.rolf-guide-filter button[hidden]{display:none}.rolf-guide-filter__status{grid-column:1/-1;margin:0;color:#9fb0c7;font-size:.78rem}
.rolf-guide-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.rolf-guide-categories button{min-height:48px;padding:0 14px;border:1px solid rgba(140,167,205,.26);border-radius:999px;background:rgba(255,255,255,.035);color:#c5d3e7;font-weight:850;cursor:pointer}.rolf-guide-categories button b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem}.rolf-guide-categories button[aria-pressed="true"]{border-color:#50e2c7;background:rgba(80,226,199,.13);color:#f5fffd}.rolf-guide-categories button:focus-visible{outline:3px solid rgba(80,226,199,.25);outline-offset:2px}
.rolf-guide-group{padding:24px 0;border-top:1px solid rgba(140,167,205,.16)}.rolf-guide-group[hidden]{display:none}.rolf-guide-group__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:20px;align-items:end;margin-bottom:14px}.rolf-guide-group__heading h4{margin:6px 0 0;color:#edf4ff;font-size:clamp(1.2rem,2.2vw,1.6rem)}.rolf-guide-group__heading span b{color:#9fb1ca}.rolf-guide-group__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.rolf-guide-group .rolf-guide-link{margin:0;grid-template-columns:1fr;align-content:start;min-height:174px}.rolf-guide-group .rolf-guide-link[hidden]{display:none}.rolf-guide-group .rolf-guide-link span{grid-column:auto}.rolf-guide-group .rolf-guide-link strong{font-size:1rem}.rolf-guide-group .rolf-guide-link p{margin:0;color:#9fb0c7;font-size:.82rem;line-height:1.45}.rolf-guide-group .rolf-guide-link b{white-space:normal}
.rolf-guide-empty{display:grid;gap:6px;margin:12px 0 0;padding:18px;border:1px solid rgba(255,209,102,.25);border-radius:16px;background:rgba(255,209,102,.07);color:#adbed2}.rolf-guide-empty[hidden]{display:none}.rolf-guide-empty strong{color:#fff1c2}.rolf-guide-empty span{font-size:.86rem}
@media(max-width:760px){.rolf-guide-directory{padding:18px;border-radius:20px}.rolf-guide-directory__heading,.rolf-guide-group__heading{grid-template-columns:1fr}.rolf-guide-filter{grid-template-columns:1fr}.rolf-guide-filter button{width:100%}.rolf-guide-filter button[hidden]{display:none}.rolf-guide-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rolf-guide-categories button{padding:7px 9px}.rolf-guide-group__cards{grid-template-columns:1fr}.rolf-guide-group .rolf-guide-link{min-height:0}}