.hub{--hub-gap:20px}.hub-search{background:var(--surface);border:1px solid var(--border);max-width:34rem;height:48px;box-shadow:var(--shadow-card);border-radius:9999px;align-items:center;gap:10px;margin-top:1.25rem;padding:0 1.1rem;display:flex}.hub-search svg{width:18px;height:18px;color:var(--muted);flex:none}.hub-search input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:15px}.hub-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.hub-tabs{top:var(--hub-top,64px);z-index:30;background:var(--bg);border-bottom:1px solid var(--border);margin-top:1.5rem;position:sticky}.hub-tabs-in{scrollbar-width:none;gap:1.75rem;display:flex;overflow-x:auto}.hub-tabs-in::-webkit-scrollbar{display:none}.hub-tabs a{white-space:nowrap;color:var(--muted);border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:12px 0 9px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.hub-tabs a svg{stroke-width:1.6px;width:20px;height:20px}.hub-tabs a:hover{color:var(--fg)}.hub-tabs a[aria-current=true]{color:var(--fg);border-bottom-color:var(--fg)}.hub-tabs a:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:6px}.hub-sec{scroll-margin-top:calc(var(--hub-top,64px) + 84px)}.hub-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;margin-top:2.5rem;padding-bottom:.6rem;display:flex}.hub-head h2{font-size:1.75rem;line-height:1.15}.hub-title-row{align-items:center;gap:.6rem;min-width:0;display:flex}.hub-count{font-family:var(--font-sans,inherit);color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:9999px;flex:none;padding:.3rem .55rem;font-size:.75rem;font-weight:600;line-height:1}.hub-see{color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;font-size:.85rem;font-weight:600;text-decoration:none}.hub-see:hover{text-decoration:underline}.hub-grid{gap:var(--hub-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.hub-tile[data-x]{display:none}.hub-sec.is-open .hub-tile[data-x],.hub--q .hub-tile[data-x]{display:block}.hub-tile[hidden]{display:none!important}.hub-card{aspect-ratio:4/5;color:#fff;background:color-mix(in oklab, var(--primary) 22%, #1d2420);box-shadow:var(--shadow-card);border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.hub-card picture{position:absolute;inset:0}.hub-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.hub-card:hover .hub-img{transform:scale(1.03)}.hub-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.hub-shade{background:linear-gradient(#0c100e00 30%,#0c100e1f 42%,#0c100e9e 70%,#0c100ee6 100%);position:absolute;inset:0}.hub-badge{color:#1b1d1b;background:#fffdf8;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.5;position:absolute;top:12px;left:12px;box-shadow:0 1px 2px #0003}.hub-chip{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1416149e;border-radius:9999px;max-width:60%;padding:2px 8px;font-size:10.5px;font-weight:500;line-height:1.6;position:absolute;top:12px;right:12px;overflow:hidden}.hub-text{flex-direction:column;gap:4px;max-height:100%;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hub-kicker{letter-spacing:.16em;text-transform:uppercase;color:#f2b48a;white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;line-height:1.4;overflow:hidden}.hub-title{text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;font-size:1.45rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.hub-dek{opacity:.88;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.hub-none{color:var(--muted);margin-top:2rem}@media (width<=767px){.hub-tabs{margin-top:1rem}.hub-tabs-in{gap:1.2rem}.hub-tabs a{font-size:11px}.hub-head{border-bottom:0;margin-top:1.75rem;padding-bottom:0}.hub-head h2{font-size:1.35rem}.hub-count{display:none}.hub-title{font-size:1.05rem}.hub-kicker{font-size:10px}.hub-text{padding:12px}.hub-dek{display:none}.hub-chip{padding:1px 7px;font-size:9.5px;top:8px;right:8px}.hub-badge{padding:2px 7px;font-size:11px;top:8px;left:8px}.hub[data-mode=home] .hub-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:.75rem -16px 0;padding:0 16px 4px;scroll-padding:0 16px;display:flex;overflow-x:auto}.hub[data-mode=home] .hub-grid::-webkit-scrollbar{display:none}.hub[data-mode=home] .hub-tile,.hub[data-mode=home] .hub-tile[data-x]{scroll-snap-align:start;flex:0 0 42%;display:block}.hub[data-mode=home] .hub-tile:nth-child(n+11){display:none}.hub[data-mode=home] .hub-sec[data-first] .hub-head{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hub[data-mode=home] .hub-sec[data-first] .hub-grid{margin-top:1rem}.hub[data-mode=home] .hub-sec[data-first] .hub-tile{flex-basis:82%}.hub[data-mode=home] .hub-sec[data-first] .hub-card{aspect-ratio:4/3}.hub[data-mode=home] .hub-sec[data-first] .hub-title{font-size:1.2rem}.hub[data-mode=feed] .hub-sec:not(.is-active){display:none}.hub[data-mode=feed] .hub-grid{grid-template-columns:1fr;gap:14px}.hub[data-mode=feed] .hub-tile[data-x]{display:block}.hub[data-mode=feed] .hub-see{display:none}.hub[data-mode=feed] .hub-title{font-size:1.35rem}.hub[data-mode=feed] .hub-dek{display:-webkit-box}.hub[data-mode=feed] .hub-text{padding:18px}.hub.hub--q .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:.75rem 0 0;padding:0;overflow:visible;display:grid!important}.hub.hub--q .hub-tile{display:block}.hub.hub--q .hub-sec{display:block!important}.hub.hub--q .hub-sec[hidden]{display:none!important}.hub.hub--q .hub-sec[data-first] .hub-head{clip:auto;width:auto;height:auto;position:static}.hub.hub--q .hub-sec[data-first] .hub-card{aspect-ratio:4/5}.hub.hub--q .hub-see{display:none}}@media (width>=768px){.hub--q .hub-see{display:none}}