.rolf-hero-topics{display:grid;gap:11px;width:min(690px,100%);margin-top:18px;padding:15px;border:1px solid rgba(87,247,211,.34);border-radius:20px;background:linear-gradient(118deg,rgba(12,42,43,.96),rgba(13,29,53,.95) 58%,rgba(39,54,111,.86));box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
.rolf-hero-topics header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.rolf-hero-topics header>span{display:grid;gap:4px}.rolf-hero-topics small{color:#65efd1;font-size:.63rem;font-weight:950;letter-spacing:.13em}.rolf-hero-topics strong{color:#f3f7ff;font-size:1rem}.rolf-hero-topics em{color:#9eb0c7;font-size:.72rem;font-style:normal;line-height:1.4}.rolf-hero-topics header>a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border:1px solid rgba(87,247,211,.32);border-radius:13px;background:rgba(87,247,211,.1);color:#eafffa;font-size:.75rem;font-weight:900;text-decoration:none}.rolf-hero-topics header>a b{color:#62e9cd;font-size:1rem}
.rolf-hero-topics>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rolf-hero-topics>div>a{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:40px;padding:0 10px;border:1px solid rgba(154,179,211,.19);border-radius:11px;background:rgba(255,255,255,.035);color:#c9d7e9;font-size:.7rem;font-weight:850;text-decoration:none}.rolf-hero-topics>div>a b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.07);color:#77e9d1;font-size:.65rem}.rolf-hero-topics a:hover{border-color:rgba(87,247,211,.55);color:#fff}.rolf-hero-topics a:focus-visible{outline:3px solid rgba(87,247,211,.3);outline-offset:2px}.rolf-guide-directory:focus-visible{outline:3px solid rgba(87,247,211,.25);outline-offset:5px}.rolf-guide-result-launch{border-color:rgba(87,247,211,.38)!important}.rolf-mobile-guide-launch[hidden]{display:none!important}
@media(max-width:720px){.rolf-hero-topics{padding:13px}.rolf-hero-topics header{grid-template-columns:1fr}.rolf-hero-topics header>a{justify-content:center}.rolf-hero-topics>div{grid-template-columns:repeat(2,minmax(0,1fr))}.rolf-hero-topics>div>a{min-height:44px}.rolf-mobile-guide-launch{border-color:rgba(87,247,211,.55)}body:has(.rolf-mobile-guide-launch:not([hidden])){padding-bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.rolf-hero-topics a{scroll-behavior:auto}}