.hub-page{padding-block:var(--sp-6) var(--sp-4);flex-direction:column;display:flex}.hub-page h1{margin:0}.hub-page>h1{order:0}.hub-page>.intro{order:1}.hub-page>.count{order:2}.hub-page>.stock-line{order:3}.hub-page>.grid{order:4}.hub-page>.hub-links{order:5}.hub-page>.back-link{order:6}.intro{color:var(--ink-2);font-size:var(--text-md);margin-top:var(--sp-2);max-width:68ch;line-height:1.45}.intro .num{color:var(--ink);font-weight:800}.intro a{font-weight:700}.count{color:var(--ink-3);font-size:var(--text-sm);margin-top:var(--sp-2)}.count .num{color:var(--ink-2);font-weight:700}.hub-page>.stock-line{margin:var(--sp-3) 0 0}.hub-page .grid{margin:var(--sp-5) 0 0;background:var(--sheet);border-radius:var(--r-sheet);counter-reset:rank;padding:0;list-style:none;overflow:clip}@media (width<=719px){.hub-page .grid{margin-inline:calc(-1 * var(--sp-4));border-radius:0}}.cell{counter-increment:rank;min-width:0}.cell+.cell{border-top:1px solid var(--rule)}.cell:nth-child(5n+1):not(:first-child){border-top-color:var(--rule-strong)}.hub-page .cell .item-card{height:auto;min-height:56px;padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);color:var(--ink);transition:background-color var(--t-fast) var(--ease);border:0;grid-template-rows:auto auto;grid-template-columns:28px 52px minmax(0,1fr) auto;align-items:center;gap:2px 0;display:grid}.cell .item-card:hover,.cell .item-card:focus-visible{background:var(--sheet-2)}.hub-page .cell .item-card:focus-visible{outline:2px solid var(--marker);outline-offset:-4px;box-shadow:inset 0 0 0 2px var(--ground)}.cell .item-card:hover .card-name{text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:3px;text-decoration-thickness:2px}.cell .item-card:before{content:counter(rank) / "";font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--ink-4);text-align:center;grid-area:1/1/3;font-size:13px;font-weight:700}.cell .item-card:after{content:attr(data-shortcut);font-family:var(--font-mono);color:var(--ink-2);background:var(--well);border:1px solid var(--rule);white-space:nowrap;border-radius:4px;grid-area:2/3;justify-self:start;padding:1px 5px;font-size:12.5px;font-weight:600;line-height:1.2}.cell .item-card[data-shortcut=""]:after{content:none}.cell .item-card .thumb{border-radius:8px;grid-area:1/2/3;width:40px;height:40px}.cell .item-card .thumb img{width:80%;height:80%}.cell .item-card .thumb-fallback{font-size:12px}.cell .item-card .card-body,.cell .item-card .card-meta{display:contents}.hub-page .cell .item-card .card-body>.card-name{min-width:0;font-size:var(--text-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;grid-area:1/3;font-weight:700;line-height:1.25;display:block;overflow:hidden}.cell .item-card[data-shortcut=""] .card-body>.card-name{grid-row:1/3}.cell .item-card .card-meta .badge{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cell .item-card .card-value{margin-left:var(--sp-3);text-align:right;white-space:nowrap;color:var(--ink);grid-area:1/4/3;font-size:17px;font-weight:850}.cell .item-card .card-spark{display:none}.cell .item-card .card-marks{grid-area:2/3;justify-content:flex-end;justify-self:end;max-width:calc(100% - 64px)}.cell .item-card[data-shortcut=""] .card-marks{max-width:none}.cell .item-card[data-shortcut=""]:has(.card-marks:not(:empty)) .card-body>.card-name{grid-row:1}@media (width>=720px){.hub-page .cell .item-card{min-height:44px;padding:0 var(--sp-4) 0 0;grid-template-rows:auto;grid-template-columns:44px 46px minmax(0,max-content) minmax(0,1fr) auto 104px 96px}.cell .item-card:before{grid-row:1}.cell .item-card .thumb{border-radius:7px;grid-row:1;width:34px;height:34px}.hub-page .cell .item-card .card-body>.card-name{grid-row:1}.cell .item-card:after{margin-left:var(--sp-2);grid-area:1/4}.cell .item-card .card-spark{grid-area:1/6;width:88px;height:24px;display:block}.cell .item-card .card-value{grid-area:1/7}.cell .item-card .card-marks{max-width:none;margin-right:var(--sp-3);flex-wrap:nowrap;grid-area:1/5}}@media (width>=1000px){.hub-page .cell .item-card{min-height:40px}}.hub-links{margin-top:var(--sp-8)}.hub-links-title{font-family:var(--font-ui);font-size:var(--text-ui);color:var(--ink-2);word-spacing:0;margin:0 0 var(--sp-2);font-weight:800}.hub-links-row{column-gap:var(--sp-6);border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.hub-page .hub-link.badge{min-height:44px;padding:0 var(--sp-2);border-bottom:1px solid var(--rule);font-size:var(--text-ui);border-radius:0;align-items:center;font-weight:700;display:flex}.hub-page .hub-link.badge:before{content:"";width:8px;height:8px;margin-right:var(--sp-3);background:currentColor;border-radius:2px;flex:none}.hub-page .hub-link:hover{background:var(--sheet-2);text-decoration:none}.hub-links ul{margin:var(--sp-2) 0 0;border-top:1px solid var(--rule);padding:0;list-style:none}.hub-links li{padding:var(--sp-2) 0;border-bottom:1px solid var(--rule);color:var(--ink-3);font-size:var(--text-sm)}.hub-links li a{font-weight:700;font-size:var(--text-ui)}.hub-links .intro{font-size:var(--text-sm);color:var(--ink-3);margin-top:0}.back-link{margin-top:var(--sp-5);font-size:var(--text-sm)}.back-link a{align-items:center;min-height:44px;display:inline-flex}@media (width>=1000px){.hub-page>nav.hub-links{align-items:center;column-gap:var(--sp-4);margin-top:var(--sp-2);flex-wrap:wrap;order:3;display:flex}.hub-page>.stock-line{order:4}.hub-page nav.hub-links .hub-links-title{color:var(--ink-3);margin:0;font-size:13px}.hub-page nav.hub-links .hub-links-row{column-gap:var(--sp-1);border-top:0;flex-wrap:wrap;display:flex}.hub-page nav.hub-links .hub-link.badge{min-height:40px;padding:0 var(--sp-3);border-bottom:0;border-radius:6px}}@media (width>=1280px){.hub-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,14), auto);column-gap:var(--sp-6);background:0 0;border-radius:0;grid-auto-flow:column;display:grid;overflow:visible}.hub-page .grid>.cell{background:var(--sheet);border-top:1px solid var(--rule);overflow:clip}.hub-page .grid>.cell.c-5{border-top-color:var(--rule-strong)}.hub-page .grid>.cell.c-top{border-radius:var(--r-sheet) var(--r-sheet) 0 0;border-top:0}.hub-page .grid>.cell.c-end{border-bottom-left-radius:var(--r-sheet);border-bottom-right-radius:var(--r-sheet)}}.hub-page :is(a,button,input,summary){scroll-margin-block:calc(var(--header-h) + 72px) 160px}.hub-page :is(p,li)>a:focus-visible{text-decoration-color:#0000}