@layer m3-components{.m3-page-header{--_lh:36px;-moz-column-gap:var(--md-sys-space-3);column-gap:var(--md-sys-space-3);row-gap:var(--md-sys-space-2);grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid;container:m3-page-header/inline-size}.m3-page-header>*{grid-column:1}.m3-page-header>.m3-page-header__actions{grid-area:1/2/3;align-self:start}.m3-page-header:has(>.m3-page-header__actions){grid-template-rows:auto minmax(0,1fr)}.m3-page-header[data-overline]:has(>.m3-page-header__actions){grid-template-rows:auto auto minmax(0,1fr)}.m3-page-header[data-overline]>.m3-page-header__actions{grid-row:1/4}.m3-page-header>.m3-page-header__meta{grid-column:1/-1}.m3-page-header>:is(.m3-page-header__overline,.m3-page-header__row:first-child){padding-block-start:var(--md-sys-space-2)}.m3-page-header__row{-moz-column-gap:var(--md-sys-space-3);align-items:flex-start;column-gap:var(--md-sys-space-3);row-gap:var(--md-sys-space-3);flex-wrap:wrap;min-width:0;display:flex}.m3-page-header__back{margin-block:calc(.5 * (var(--_lh) - var(--md-sys-size-btn-s)));margin-inline-start:calc(var(--md-sys-space-2) * -1)}.m3-page-header__titles{flex:1 1 var(--md-sys-space-16);gap:var(--md-sys-space-1);min-width:min(100%,240px);display:grid}.m3-page-header__title{overflow-wrap:anywhere;text-wrap:balance;min-width:0;margin:0}.m3-page-header__subtitle{max-width:var(--md-sys-size-prose-max);margin:0}.m3-page-header__actions{justify-content:flex-end;margin-inline-start:auto}.m3-page-header__actions,.m3-page-header__meta{align-items:center;gap:var(--md-sys-gap-inline);flex-wrap:wrap;display:flex}@container m3-page-header (width<600px){.m3-page-header:has(>.m3-page-header__actions){grid-template-rows:none}.m3-page-header>.m3-page-header__actions,.m3-page-header[data-overline]>.m3-page-header__actions{grid-area:auto/1;justify-content:flex-start;margin-inline-start:0}.m3-page-header__meta{overscroll-behavior-x:contain;scrollbar-width:none;padding-block:var(--md-sys-space-1);margin-block:calc(-1 * var(--md-sys-space-1));flex-wrap:nowrap;overflow-x:auto}.m3-page-header__meta::-webkit-scrollbar{display:none}.m3-page-header__meta>*{flex:none}}}@layer m3-density{:root[data-density=compact] .m3-page-header{--_lh:28px}}