.hub-page{--fn-column: 27rem}.hub-photo{width:84px;height:84px}.hub-page .hub-name{font-size:clamp(1.7rem,5.6cqi,2.3rem)}.hub-page .hub-intro{max-width:30ch}.hub-links{width:100%;display:grid;gap:10px}.hub-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:calc(var(--fn-tap) + 12px);padding:0 20px;border-radius:var(--fn-radius);background:var(--fn-panel);color:var(--fn-ink);font-size:var(--fn-body-size);font-weight:500;letter-spacing:var(--fn-tracking);line-height:var(--fn-body-line);text-align:left;text-decoration:none;transition:box-shadow .18s var(--fn-ease),transform .14s var(--fn-ease)}a.hub-link:hover,a.hub-link:focus-visible{box-shadow:inset 0 0 0 1px var(--fn-line)}a.hub-link:active{transform:scale(.985)}a.hub-link:focus-visible{outline:2px solid var(--fn-gold);outline-offset:3px}.hub-link i{flex:0 0 auto;color:var(--fn-ink-faint);font-style:normal;font-size:15px;transition:transform .18s var(--fn-ease)}a.hub-link:hover i{transform:translate(2px,-2px)}.hub-empty{gap:6px}.hub-empty[hidden]{display:none}.hub-empty b{font-size:var(--fn-body-size);font-weight:500;color:var(--fn-ink)}.hub-empty span{font-size:15px;line-height:var(--fn-body-line);color:var(--fn-ink-soft)}.hub-photo+.hub-name{margin-top:22px}.hub-name+.hub-intro{margin-top:12px}.hub-photo+.hub-links,.hub-name+.hub-links,.hub-intro+.hub-links{margin-top:34px}.hub-photo+.hub-empty,.hub-name+.hub-empty,.hub-intro+.hub-empty{margin-top:34px}@container (max-width: 27rem){.hub-photo{width:72px;height:72px}.hub-photo+.hub-name{margin-top:18px}.hub-photo+.hub-links,.hub-name+.hub-links,.hub-intro+.hub-links,.hub-photo+.hub-empty,.hub-name+.hub-empty,.hub-intro+.hub-empty{margin-top:28px}}@media(prefers-reduced-motion:reduce){.hub-link,.hub-link i{transition:none}a.hub-link:active{transform:none}}