.card-hub-grid{--chg-fill:var(--kit-panel);--chg-card:var(--kit-card);--chg-line:var(--kit-line);--chg-shadow:var(--kit-shadow);margin:28px 0 0;padding:16px;border-radius:16px;border:1px solid var(--chg-line);background-color:var(--kit-panel);background-image:linear-gradient(var(--chg-fill),var(--chg-fill));box-shadow:var(--chg-shadow)}.card-hub-grid .chg-head{margin:0 0 4px;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--is-fg,#EAEDF6)}.card-hub-grid .chg-note{margin:0 0 14px;font-size:12px;letter-spacing:.02em;color:var(--is-fg-3,#AAB2C6);max-width:64ch}.card-hub-grid .chg-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-auto-rows:1fr;gap:12px;min-width:0}.card-hub-grid .chg-t{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--chg-line);border-radius:14px;background-color:var(--kit-card);background-image:linear-gradient(var(--chg-card),var(--chg-card))}.card-hub-grid .chg-art{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:color-mix(in srgb,var(--chg-card) 82%,#000 18%);border-bottom:1px solid var(--chg-line)}.card-hub-grid .chg-a{position:absolute;top:50%;display:block;width:38%;aspect-ratio:5/7;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px #0000006b;transition:transform .18s ease}.card-hub-grid .chg-a img{display:block;width:100%;height:100%;object-fit:cover}.card-hub-grid .chg-a1{left:50%;transform:translate(-50%,-50%) rotate(0);z-index:3}.card-hub-grid .chg-a2{left:24%;transform:translate(-50%,-50%) rotate(-9deg);z-index:2}.card-hub-grid .chg-a3{left:76%;transform:translate(-50%,-50%) rotate(9deg);z-index:1}.card-hub-grid .chg-t:hover .chg-a1{transform:translate(-50%,-54%) rotate(0)}.card-hub-grid .chg-a:focus-visible{outline:2px solid var(--ink-accent,var(--accent,#F5B53D));outline-offset:2px}.card-hub-grid .chg-art:has(.chg-a:only-child) .chg-a1{width:56%}.card-hub-grid .chg-art:has(.chg-a:nth-child(2)):not(:has(.chg-a:nth-child(3))) .chg-a{width:46%}.card-hub-grid .chg-art:has(.chg-a:nth-child(2)):not(:has(.chg-a:nth-child(3))) .chg-a1{left:62%}.card-hub-grid .chg-art:has(.chg-a:nth-child(2)):not(:has(.chg-a:nth-child(3))) .chg-a2{left:38%}.card-hub-grid .chg-b{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.card-hub-grid .chg-set{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--is-fg-3,#AAB2C6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-hub-grid .chg-top{margin:0;font-size:13.5px;line-height:1.35;font-weight:700;color:var(--is-fg,#EAEDF6);min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-hub-grid .chg-pr{margin:0;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;color:var(--is-fg,#EAEDF6)}.card-hub-grid .chg-pr span{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--is-fg-3,#AAB2C6)}.card-hub-grid .chg-empty{margin:0;min-height:2.7em;font-size:12.5px;color:var(--is-fg-3,#AAB2C6)}.card-hub-grid .chg-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;min-height:36px;padding:7px 12px;border-radius:999px;border:1px solid var(--chg-line);text-decoration:none;font-size:12.5px;font-weight:700;color:var(--is-fg,#EAEDF6);background:color-mix(in srgb,var(--chg-card) 78%,#fff 6%)}.card-hub-grid .chg-cta:hover,.card-hub-grid .chg-cta:focus-visible{border-color:var(--ink-accent,var(--accent,#F5B53D))}@media(max-width:640px){.card-hub-grid{padding:12px}.card-hub-grid .chg-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-hub-grid .chg-cta{min-height:44px}.card-hub-grid .chg-top{font-size:12.5px}}html[data-theme=light] .card-hub-grid{--chg-fill:var(--kit-panel);--chg-card:var(--kit-card);--chg-line:var(--kit-line);--chg-shadow:var(--kit-shadow);background-color:var(--kit-panel)}html[data-theme=light] .card-hub-grid .chg-t{background-color:var(--kit-card)}html[data-theme=light] .card-hub-grid .chg-head,html[data-theme=light] .card-hub-grid .chg-top,html[data-theme=light] .card-hub-grid .chg-pr{color:var(--lt-text,#14161A)}html[data-theme=light] .card-hub-grid .chg-note,html[data-theme=light] .card-hub-grid .chg-set,html[data-theme=light] .card-hub-grid .chg-empty,html[data-theme=light] .card-hub-grid .chg-pr span{color:var(--lt-dim,#4A5058)}html[data-theme=light] .card-hub-grid .chg-cta{color:var(--lt-text,#14161A);background:var(--kit-card)}
