.usage-guide-hub-page{background:var(--hr-paper);min-height:100dvh;color:var(--hr-ink);font-family:var(--hr-font)}.usage-guide-hub-shell{width:min(1040px,100%);margin:0 auto;padding:64px 28px 96px}.usage-guide-breadcrumbs{font-size:var(--hr-text-micro);color:var(--hr-ink-faint);align-items:center;gap:8px;margin-bottom:24px;display:flex}.usage-guide-breadcrumbs a{color:var(--hr-ink-faint);text-decoration:none}.usage-guide-breadcrumbs a:hover{color:var(--hr-accent-ink)}.usage-guide-hub-header{max-width:640px}.usage-guide-hub-eyebrow{font-size:var(--hr-text-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--hr-accent-ink);margin:0 0 12px;font-weight:500}.usage-guide-hub-header h1{letter-spacing:-.034em;margin:0;font-size:clamp(31px,4vw,45px);font-weight:500;line-height:1.04}.usage-guide-hub-summary{color:var(--hr-ink-muted);max-width:56ch;margin:20px 0 0}.usage-guide-hub-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}.usage-guide-hub-card{border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);transition:border-color var(--hr-t-base)var(--hr-ease),transform var(--hr-t-base)var(--hr-ease)}.usage-guide-hub-card:hover{border-color:var(--hr-line-strong);transform:translateY(-2px)}.usage-guide-hub-card-locked{opacity:.6}.usage-guide-hub-card-locked:hover{border-color:var(--hr-line);transform:none}.usage-guide-hub-card a{color:inherit;text-decoration:none}.usage-guide-hub-card-content{box-sizing:border-box;flex-direction:column;gap:16px;height:100%;padding:24px;display:flex}.usage-guide-hub-card-top{flex-direction:column;gap:12px;display:flex}.usage-guide-hub-logo-row{align-items:center;gap:12px;display:flex}.usage-guide-hub-letter-badge{border-radius:var(--hr-radius-sm);background:var(--hr-ink);width:36px;height:36px;color:var(--hr-paper);flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex}.usage-guide-hub-list-name,.usage-guide-hub-card-name{margin:0;font-size:19px;font-weight:500}.usage-guide-hub-list-description,.usage-guide-hub-card-label{color:var(--hr-ink-faint);margin:2px 0 0;font-size:13px}.usage-guide-hub-card-description{color:var(--hr-ink-muted);margin:0;font-size:14px;line-height:1.55}.usage-guide-hub-card-meta{border-top:1px solid var(--hr-line);font-size:var(--hr-text-micro);color:var(--hr-accent-ink);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-weight:500;display:flex}.usage-guide-hub-card-link-locked .usage-guide-hub-card-meta{color:var(--hr-ink-faint)}.usage-guide-subgrid{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}.usage-guide-item-card{border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);color:inherit;transition:border-color var(--hr-t-base)var(--hr-ease),transform var(--hr-t-base)var(--hr-ease);flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.usage-guide-item-card:hover{border-color:var(--hr-line-strong);transform:translateY(-2px)}.usage-guide-item-card-locked{opacity:.6;cursor:not-allowed}.usage-guide-item-card-locked:hover{border-color:var(--hr-line);transform:none}.usage-guide-item-card h2{margin:0;font-size:17px;font-weight:500}.usage-guide-item-card p{color:var(--hr-ink-muted);margin:4px 0 0;font-size:14px}.usage-guide-item-icon{border-radius:var(--hr-radius-sm);background:var(--hr-accent-wash);width:40px;height:40px;color:var(--hr-accent-ink);justify-content:center;align-items:center;display:inline-flex}.usage-guide-item-icon-locked{background:var(--hr-surface);color:var(--hr-ink-faint)}.usage-guide-item-keywords{flex-wrap:wrap;gap:6px;display:flex}.usage-guide-item-keywords span{color:var(--hr-ink-faint);border:1px solid var(--hr-line);border-radius:99px;padding:3px 10px;font-size:12px}.usage-guide-empty{color:var(--hr-ink-faint);font-size:14px}@media (max-width:860px){.usage-guide-hub-grid,.usage-guide-subgrid{grid-template-columns:1fr}}