body .page.browse{max-width:1180px;margin:0 auto;padding:40px 32px 120px}body .page.browse .x-head{padding-top:8px;display:block}body .page.browse .x-title{font-size:var(--fs-h1);font-weight:var(--fw-head);letter-spacing:var(--ls-3xl);color:var(--fg);margin:0;line-height:45px}body .page.browse .x-search{border-radius:var(--r-pill);background:var(--soft);min-width:0;height:50px;color:var(--faint);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:0;align-items:center;gap:12px;margin:18px 0 0;padding:0 18px;display:flex}body .page.browse .x-search:focus-within{color:var(--fg)}body .page.browse .x-search:has(input[type=search]:not(:placeholder-shown)){color:var(--fg)}body .page.browse .x-search:focus-within{background:var(--soft2)}body .page.browse .x-search-ico{color:inherit;flex:none;place-items:center;display:grid}body .page.browse .x-search-ico>svg{width:20px;height:20px}body .page.browse .x-search input{min-width:0;height:100%;color:var(--fg);font:inherit;letter-spacing:-.01em;background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:15px}body .page.browse .x-search input:not(:placeholder-shown){font-weight:560}body .page.browse .x-search input::placeholder{color:var(--faint);opacity:1;text-overflow:ellipsis;overflow:hidden}body .page.browse .x-search input::-webkit-search-cancel-button{appearance:none}body .page.browse .x-search input::-webkit-search-decoration{appearance:none}body .page.browse .x-search .pg-search-clear{width:28px;height:28px;color:var(--muted);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;margin:0 -6px 0 0;display:grid}body .page.browse .x-search .pg-search-clear:hover{color:var(--fg);background:var(--soft2)}body .page.browse .x-search .pg-search-clear>svg{width:16px;height:16px}body .page.browse .x-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:24px;margin:22px 0 0;display:flex;overflow-x:auto}body .page.browse .x-tabs::-webkit-scrollbar{display:none}body .page.browse .x-tabs>a{color:var(--muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:baseline;margin:0 0 -1px;padding:10px 2px 12px;font-size:15px;font-weight:540;line-height:1.5;text-decoration:none;display:inline-flex}body .page.browse .x-tabs>a:hover{color:var(--fg)}body .page.browse .x-tabs>a.is-active{color:var(--fg);border-bottom-color:var(--fg)}body .page.browse .sec{margin-top:56px;display:flow-root}body .page.browse>section>.section-head{margin-top:56px}body :is(.page.browse,.st-row) :is(.sec-h,.section-head){justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;margin-bottom:16px;display:flex}body :is(.page.browse,.st-row) :is(.sec-h,.section-head)>:first-child{min-width:0}body :is(.page.browse,.st-row) :is(.sec-h h2,.section-title){font-size:var(--fs-sec);font-weight:var(--fw-head);letter-spacing:var(--ls-3xl);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;line-height:1.5;display:block;overflow:hidden}body :is(.page.browse,.st-row) :is(.sec-h h2,.section-title)>small{font-size:inherit;font-weight:var(--fw-label);letter-spacing:0;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:6px}body :is(.page.browse,.st-row) :is(.sec-h p,.section-desc){font-size:13.5px;font-weight:var(--fw-body);color:var(--muted);margin:4px 0 0;line-height:1.5}body :is(.page.browse,.st-row) :is(.sec-h .ctl,.section-actions){color:var(--muted);flex:none;align-items:center;gap:6px;font-size:13.5px;display:flex}body :is(.page.browse,.st-row) :is(.sec-h .ctl>a,.sec-h .ctl>button,.section-link){font:inherit;font-size:inherit;font-weight:var(--fw-body);color:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:2px;margin:0;padding:0;text-decoration:none;display:inline-flex}body :is(.page.browse,.st-row) :is(.sec-h .ctl>a,.sec-h .ctl>button,.section-link):hover{color:var(--fg)}body :is(.page.browse,.st-row) .carousel-nav{align-items:center;gap:6px;display:inline-flex}body :is(.page.browse,.st-row) :is(.circ,.carousel-nav-btn){background:var(--btn);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}body :is(.page.browse,.st-row) :is(.circ,.carousel-nav-btn)>svg{flex:none;width:16px;height:16px}body :is(.page.browse,.st-row) :is(.circ,.carousel-nav-btn):not(:disabled):hover{background:var(--soft2);color:var(--fg)}body :is(.page.browse,.st-row) :is(.circ,.carousel-nav-btn):disabled{opacity:.32;cursor:default}body :is(.page.browse,.st-row) :is(.circ,.carousel-nav-btn):active{transform:none}body .page.browse .carousel{--gcard-cols:6;--gcard-gap:16px;--gcard-w:calc((100% - (var(--gcard-cols) - 1) * var(--gcard-gap)) / var(--gcard-cols));margin:-4px -2px;padding:4px 2px;scroll-padding-inline:2px}@media (max-width:1100px){body .page.browse .carousel{--gcard-cols:4.3;--gcard-w:calc((100% - 3 * var(--gcard-gap)) / var(--gcard-cols))}}body .page.browse .sk-today-sec{margin-top:28px}body .page.browse .sk-today{border-radius:var(--r-hero);height:300px;display:block}body .page.browse .sk-gcard{min-width:0;display:block}body .page.browse .sk-gcard-thumb{aspect-ratio:3/4;display:block;height:auto!important}body .page.browse .sk-gcard>.sk-gcard-thumb+.sk{margin-top:10px}body .page.browse .sk-gcard-by{align-items:center;gap:6px;min-width:0;margin-top:4px;display:flex}@media (max-width:820px){body .page.browse{padding:20px 16px var(--s-8)}body .page.browse .x-head{padding-top:0}body .page.browse .x-title{display:none}body .page.browse .x-search{height:46px;margin-top:0}body .page.browse .x-search input{font-size:var(--ui-input-text)}body .page.browse .x-tabs{margin-top:16px}body .page.browse .x-tabs>a{font-size:14px}body .page.browse .sec,body .page.browse>section>.section-head{margin-top:40px}body :is(.page.browse,.st-row) :is(.sec-h p,.section-desc),body :is(.page.browse,.st-row) :is(.sec-h .ctl,.section-actions){font-size:12.5px}body :is(.page.browse,.st-row) .carousel-nav,body :is(.page.browse,.st-row) .sec-h .ctl .circ{display:none}body .page.browse .carousel{--gcard-gap:12px;--gcard-w:42%;margin-right:-16px;padding-right:16px}body .page.browse .sk-today-sec{margin-top:20px}body .page.browse .sk-today-sec>:is(.sec-h,.section-head){display:none}body .page.browse .sk-today{aspect-ratio:4/3.4;border-radius:20px;height:auto}}

