.page-header{z-index:var(--z-sticky);background:var(--depth-1);position:sticky;top:0}.page-header__bar{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.page-header__lead{flex:1;align-items:center;gap:20px;min-width:0;display:flex}.page-header__identity{flex-direction:column;gap:2px;min-width:0;display:flex}.page-header__title-row{align-items:center;gap:6px;min-width:0;display:flex}.page-header__title{font-size:var(--text-sm);color:var(--ink-hi);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-weight:600;line-height:1.2;overflow:hidden}.page-header__edit{border-radius:var(--r-sm);color:var(--ink-low);cursor:pointer;transition:color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:3px;font-family:Arimo;display:inline-flex}.page-header__edit:hover{color:var(--accent-bright);background:var(--accent-08)}.page-header__edit:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.page-header__meta{font-size:var(--text-2xs);color:var(--ink-low);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-header__metrics{flex-shrink:0;align-items:center;display:flex}.page-header__metrics:before{content:"";background:var(--line-subtle);flex:none;width:1px;height:24px}.page-header__metric{flex-direction:column;align-items:center;gap:1px;padding:0 16px;display:flex;position:relative}.page-header__metric:not(:first-child):before{content:"";background:var(--line-subtle);width:1px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.page-header__metric-label{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-low);font-weight:600}.page-header__metric-value{font-size:var(--text-sm);color:var(--ink-hi);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.page-header__metric--warn .page-header__metric-value{color:var(--warn)}.page-header__metric--danger .page-header__metric-value{color:var(--danger)}.page-header__metric-unit{font-size:var(--text-2xs);color:var(--ink-low);margin-left:2px}.page-header__trail{flex-shrink:0;align-items:center;gap:16px;display:flex}.page-header__actions,.page-header__nav{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-header__nav-btn{border-radius:var(--r-md);font-family:Arimo;font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:inline-flex}.page-header__nav-btn--back{border:1px solid var(--line);color:var(--ink-mid);background:0 0}.page-header__nav-btn--back:hover{background:var(--surface-hover);border-color:var(--line-strong);color:var(--ink-hi)}.page-header__nav-btn--forward{background:var(--accent-08);border:1px solid var(--accent-28);color:var(--accent-bright)}.page-header__nav-btn--forward:hover:not(:disabled){background:var(--accent-16);border-color:var(--accent)}.page-header__nav-btn:disabled{cursor:not-allowed;opacity:.5}.page-header__nav-btn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.page-header__nav-arrow{line-height:1;display:inline-flex}.page-header__nav-label{display:inline-block}.page-header__tabs{min-width:0}@media (width<=1024px){.page-header__bar{padding:0 16px}.page-header__lead{flex:1;min-width:0}.page-header__identity{min-width:0}.page-header__trail,.page-header__actions,.page-header__nav,.page-header__metrics{flex-shrink:0}.page-header__meta,.page-header__metric:nth-child(n+3){display:none}}@media (width<=768px){.page-header__bar{padding:0 16px}.page-header__metrics,.page-header__nav-label{display:none}}@media (pointer:coarse){.page-header__nav-btn,.page-header__edit{min-height:var(--control-h-touch);min-width:var(--control-h-touch)}}@media (prefers-reduced-motion:reduce){.page-header__edit,.page-header__nav-btn{transition:none}}
