.category-explorer{padding:24px var(--page-gutter) clamp(42px, 6vw, 78px);background:radial-gradient(circle at 90% 6%,#ff702014,#0000 30rem),#f8fafd}.category-explorer__header,.category-explorer__browser{width:min(100%,1280px);margin-inline:auto}.category-explorer__header{gap:8px;display:grid}.category-explorer__header p,.category-explorer__panel-head p{color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.9px;text-transform:uppercase;margin:0;font-weight:900}.category-explorer__header h1{color:#111827;letter-spacing:-.8px;text-wrap:balance;margin:0;font-size:30px;font-weight:900;line-height:1.14}.category-explorer__header>span{color:#586680;max-width:68ch;font-size:var(--text-base);line-height:1.6}.category-explorer__browser{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;margin-top:22px;display:grid}.category-explorer__panels{top:var(--sticky-top);min-width:0;max-height:calc(100dvh - var(--sticky-top) - 74px - env(safe-area-inset-bottom,0px));position:sticky}.category-explorer__rail{gap:6px;display:grid}.category-explorer__tab{color:#35415b;cursor:pointer;width:48px;min-height:48px;font:inherit;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0;display:flex}.category-explorer__tab-icon{width:48px;height:48px;transition:border-color var(--duration-micro) ease, background var(--duration-micro) ease, box-shadow var(--duration-micro) ease;background:#f0f4fa;border:1.5px solid #0000;border-radius:12px;flex:none;place-items:center;display:grid}.category-explorer__tab-icon img{object-fit:contain;width:25px;height:25px}.category-explorer__tab-initial{color:var(--color-accent-ink);font-size:var(--text-base);font-weight:700}.category-explorer__tab[aria-selected=true] .category-explorer__tab-icon{border-color:var(--color-accent);background:#fff;box-shadow:0 3px 8px #24324d14}.category-explorer__tab-label{font-size:var(--text-base);line-height:1.3;display:none}.category-explorer__panel{min-width:0;max-height:inherit;overscroll-behavior:contain;background:#fff;border:1px solid #e2e8f3e6;border-radius:18px;overflow:hidden auto;box-shadow:0 7px 22px #24324d12}.category-explorer__panel[hidden],.category-explorer__view[hidden]{display:none}.category-explorer__back{color:#586680;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:8px;margin:12px 16px 0;padding:8px 0;font-weight:700;display:inline-flex}.category-explorer__back:hover{color:var(--color-accent-ink)}.category-explorer__view-all{color:var(--color-accent-ink);font-size:var(--text-sm);align-items:center;gap:8px;margin:4px 16px 12px;font-weight:800;text-decoration:none;display:inline-flex}.category-explorer__view-all:hover{text-decoration:underline}.category-explorer__panel-head{justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 8px;display:flex}.category-explorer__panel-head p,.category-explorer__panel-head>span{display:none}.category-explorer__panel-head h2{color:#25304f;font-size:var(--text-lg);margin:0;line-height:1.35}.category-explorer__links{margin:0;padding:0;list-style:none}.category-explorer__links a,.category-explorer__links button{color:#25304f;cursor:pointer;width:100%;min-height:48px;font:inherit;font-size:var(--text-base);text-align:left;transition:color var(--duration-micro) ease, background var(--duration-micro) ease;background:0 0;border:0;align-items:center;gap:12px;padding:8px 16px;line-height:1.35;text-decoration:none;display:flex;position:relative}.category-explorer__links li+li>:is(a,button):before{content:"";background:#e8edf5;height:1px;position:absolute;top:0;left:16px;right:16px}.category-explorer__links :is(a,button)>span:first-child{flex:auto}.category-explorer__links :is(a,button):hover{color:var(--color-accent-ink);background:#fff8f3}.category-explorer__chevron{border-top:1.5px solid #a5b1c8;border-right:1.5px solid #a5b1c8;flex:none;width:8px;height:8px;transform:rotate(45deg)}@media (min-width:700px){.category-explorer{padding-top:clamp(36px,5vw,70px)}.category-explorer__header{grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);align-items:end;gap:10px clamp(32px,6vw,90px)}.category-explorer__header p{grid-column:1}.category-explorer__header h1{letter-spacing:-1.8px;grid-column:1;font-size:clamp(36px,5vw,58px)}.category-explorer__header>span{font-size:var(--text-md);grid-area:1/2/span 2;align-self:end;padding-bottom:6px}.category-explorer__browser{grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:clamp(18px,3vw,34px);margin-top:clamp(28px,4vw,50px)}.category-explorer__rail{box-shadow:var(--shadow-panel);background:#ffffffd1;border:1px solid #e2e8f3;border-radius:20px;gap:8px;padding:10px}.category-explorer__tab{width:100%;min-height:56px;transition:color var(--duration-micro) ease, background var(--duration-micro) ease;border-radius:14px;padding-right:12px}.category-explorer__tab:hover{color:var(--color-accent-ink);background:#f8fafc}.category-explorer__tab[aria-selected=true]{color:#25304f;background:#fff7f1;font-weight:700}.category-explorer__tab-icon{width:48px;height:48px}.category-explorer__tab-label{display:block}.category-explorer__panels{max-height:calc(100dvh - var(--sticky-top) - 24px)}.category-explorer__panel{border-radius:24px;padding:clamp(20px,3vw,34px)}.category-explorer__back{margin:0 0 18px}.category-explorer__view-all{margin:18px 0 0}.category-explorer__panel-head{border-bottom:1px solid #e8edf5;padding:0 0 22px}.category-explorer__panel-head p,.category-explorer__panel-head>span{display:block}.category-explorer__panel-head h2{letter-spacing:-.7px;margin-top:4px;font-size:clamp(24px,2.6vw,34px)}.category-explorer__panel-head>span{min-width:42px;min-height:32px;color:var(--color-accent-ink);background:var(--color-accent-soft);font-size:var(--text-sm);border-radius:999px;place-items:center;font-weight:900;display:grid}.category-explorer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:20px;display:grid}.category-explorer__links :is(a,button){background:#fbfcfe;border:1px solid #e5eaf3;border-radius:13px;min-height:58px;padding:10px 14px}.category-explorer__links li+li>:is(a,button):before{display:none}.category-explorer__links :is(a,button):hover{background:#fff8f3;border-color:#f3c4a8}}@media (min-width:1180px){.category-explorer__links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.category-explorer__tab,.category-explorer__tab-icon,.category-explorer__links :is(a,button){transition:none}}