@layer lhi.components{.lhi-page-header{gap:var(--sp-3);margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid var(--lhi-border-subtle);flex-direction:column;display:flex}.lhi-page-header__crumb{min-width:0}.lhi-page-header__bar{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.lhi-page-header__headings{gap:var(--sp-1);flex-direction:column;flex:18rem;min-width:0;display:flex}.lhi-page-header__eyebrow{font-family:var(--mono-font);font-size:var(--fs-3xs);font-weight:var(--mono-label-weight);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--lhi-fg-accent-soft);margin:0}.lhi-page-header__title{align-items:center;gap:var(--lhi-gap-6);font-family:var(--heading-font);font-size:var(--fs-2xl);line-height:var(--lh-tight);color:var(--lhi-fg-default);overflow-wrap:anywhere;margin:0;display:flex}.lhi-page-header__title-text{min-width:0}.lhi-page-header__icon{border-radius:var(--radius-md);border:1px solid var(--lhi-accent-border);background:var(--lhi-accent-soft);width:2.125rem;height:2.125rem;color:var(--lhi-fg-accent-soft);font-size:var(--fs-sm);flex-shrink:0;place-items:center;display:grid}.lhi-page-header__desc{max-width:60ch;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--lhi-fg-muted);margin:0}.lhi-page-header__actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.lhi-page-header__meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--lhi-fg-muted);flex-wrap:wrap;display:flex}@media (max-width:40rem){.lhi-page-header__bar{align-items:stretch}.lhi-page-header__actions{width:100%}.lhi-page-header__actions>*{flex:1}.lhi-page-header__title{font-size:var(--fs-xl)}}@media (max-width:30rem){.lhi-page-header__actions{flex-direction:column;align-items:stretch}}@container pane (width<=40rem){.lhi-page-header__bar{align-items:stretch}.lhi-page-header__actions{width:100%}.lhi-page-header__actions>*{flex:1}.lhi-page-header__title{font-size:var(--fs-xl)}}@container pane (width<=30rem){.lhi-page-header__actions{flex-direction:column;align-items:stretch}}}