.hp-type-card{box-sizing:border-box;width:min(var(--hp-type-card), 100%);border:1px solid var(--hp-rule-2);border-radius:var(--hp-r-lg);background:var(--hp-surface);color:var(--hp-ink);box-shadow:var(--hp-shadow);flex-direction:column;display:flex;overflow:hidden}.hp-type-card-band{--hp-tm-ground-l:var(--hp-type-band-l);column-gap:var(--hp-s-2);padding:var(--hp-s-3) var(--hp-s-4) var(--hp-s-4);background:oklch(var(--hp-type-band-l) var(--hp-type-chroma) var(--hp-type-hue));color:var(--hp-type-mark);grid-template-columns:minmax(0,1fr) auto;display:grid}.hp-type-card-band .hp-type-card-num{color:var(--hp-type-mark);grid-area:1/1;align-self:start}.hp-type-card-crest{width:var(--hp-avatar-lg);height:var(--hp-avatar-lg);grid-area:1/2/span 2;justify-self:end;line-height:0}.hp-type-card-crest>svg,.hp-type-card-hero>svg{width:100%;height:100%;display:block;overflow:visible}.hp-type-card-hero{width:var(--hp-type-mark-hero);height:var(--hp-type-mark-hero);margin-block:var(--hp-s-1);grid-column:1/-1;justify-self:center;line-height:0}.hp-type-card-name{font-family:var(--hp-font-display);font-weight:800;font-size:var(--hp-t-h3);color:var(--hp-type-mark);overflow-wrap:anywhere;grid-column:1/-1;margin:0;line-height:1.05}.hp-type-card-line{margin:var(--hp-s-1) 0 0;font-size:var(--hp-t-small);color:var(--hp-type-mark);grid-column:1/-1;line-height:1.35}.hp-type-card-body{gap:var(--hp-s-3);padding:var(--hp-s-3) var(--hp-s-4) var(--hp-s-4);flex-direction:column;flex:1;display:flex}.hp-type-card-section{gap:var(--hp-s-1);flex-direction:column;margin:0;display:flex}.hp-type-card-text{font-size:var(--hp-t-small);margin:0;line-height:1.4}.hp-type-card-capability{align-items:center;column-gap:var(--hp-s-3);grid-template-columns:auto minmax(0,1fr);display:grid}.hp-type-card-pictogram{width:var(--hp-avatar-sm);height:var(--hp-avatar-sm);flex:none;grid-row:1/span 2;line-height:0;display:inline-block}.hp-type-card-pictogram>svg{width:100%;height:100%;display:block}.hp-type-card-capability-name{font-size:var(--hp-t-small);font-weight:600;line-height:1.25}.hp-type-card-capability-line{font-size:var(--hp-t-eyebrow);color:var(--hp-ink-2);line-height:1.3}.hp-type-card-signature{padding:var(--hp-s-2);border-radius:var(--hp-r);background:color-mix(in oklab, oklch(var(--hp-type-tile-l) var(--hp-type-chroma) var(--hp-type-hue)) var(--hp-type-seat-mix), var(--hp-surface-2));border:1px solid var(--hp-rule-2)}.hp-type-card-signature .hp-type-card-pictogram{width:var(--hp-avatar-lg);height:var(--hp-avatar-lg);grid-row:1/span 3}.hp-type-card-signature .hp-type-card-capability-name{font-family:var(--hp-font-display);font-size:var(--hp-t-ui);font-weight:700}.hp-type-card-signature .hp-type-card-capability-line{font-size:var(--hp-t-small)}.hp-type-card-skills{gap:var(--hp-s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hp-type-card-mate{align-items:center;gap:var(--hp-s-2);display:flex}