.topic-explorer{position:relative;border:1px solid #31506b;background:radial-gradient(ellipse at 100% 0,#155a7340,transparent 65%),#0b1b2d;border-radius:16px;margin:0 0 64px;padding:32px;overflow:hidden}.explorer-heading h2{font-size:42px;line-height:1.1;margin:10px 0;color:#c6d0df}.explorer-heading p{color:#c6d0df;font-size:12px;line-height:1.7}.explorer-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0;color:#82b8c9;font-size:11px}.explorer-breadcrumb>span{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.explorer-breadcrumb button{background:none;border:0;padding:0;color:#c6d0df;font-size:11px;text-decoration:underline;text-underline-offset:4px}.explorer-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.explorer-options button{min-width:0;display:grid;grid-template-columns:1fr auto;gap:14px;border:1px solid #315069;border-radius:9px;padding:19px 16px;background:#10263a;color:#c6d0df;text-align:left;transition:background .2s,border-color .2s,transform .2s}.explorer-options button:hover{background:#1d4154;border-color:#8cddd4;transform:translateY(-3px)}.explorer-options svg{width:31px;height:31px;color:#89dbd3;grid-column:1/-1}.explorer-options button span{font-size:11px;line-height:1.4}.explorer-options button span:last-child{color:#c6d0df}.explorer-brands{display:flex;gap:12px;flex-wrap:wrap}.explorer-brands button{background:#15354b;border:1px solid #497889;border-radius:8px;padding:17px 20px;color:#c6d0df;font-size:13px}.explorer-brands button:hover{background:#23536a;border-color:#a9e4d8}.explorer-brands button span{margin-left:22px;color:#8bd9cb}#explorer-next h3{font-size:28px;color:#c6d0df;margin:8px 0 20px}.explorer-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.explorer-result{display:grid;grid-template-columns:130px 1fr;align-items:center;border:1px solid #34526d;background:#10263b;border-radius:9px;overflow:hidden}.explorer-result img{width:100%;height:100%;min-height:130px;object-fit:contain;background:#0b1728}.explorer-result>div{padding:18px}.explorer-result time{font-size:10px;color:#c6d0df}.explorer-result h4{font:700 23px/1.15 'Barlow Condensed',sans-serif;color:#c6d0df;margin:9px 0 14px}.explorer-result span{font-size:10px;color:#98e4d8}.explorer-status{font-size:10px;line-height:1.7;color:#c6d0df;margin:22px 0 0}.topic-explorer [hidden]{display:none!important}.topic-explorer button:focus-visible,.topic-explorer a:focus-visible{outline:2px solid #b8f4dd;outline-offset:4px}#explorer-next:focus{outline:none}
@media(max-width:1000px){.explorer-options{grid-template-columns:repeat(5,minmax(0,1fr))}.explorer-options button{padding:16px 10px}.explorer-results{grid-template-columns:1fr}}
@media(max-width:760px){.topic-explorer{padding:24px 20px;margin-bottom:42px}.explorer-heading h2{font-size:35px}.explorer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.explorer-options button{grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-height:72px;padding:13px 11px}.explorer-options svg{grid-column:auto;width:25px;height:25px}.explorer-result{grid-template-columns:100px 1fr}.explorer-result>div{padding:15px}.explorer-brands button{flex:1;text-align:left}.explorer-options button span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.explorer-options button{transition:none}.explorer-options button:hover{transform:none}}
