.page-title{--page-title-fg:var(--fg);--page-title-muted:var(--fg-muted);--page-title-back-bg:color-mix(in srgb, var(--bg-raised) 35%, transparent);--page-title-back-border:color-mix(in srgb, var(--border-light) 30%, transparent);--page-title-heading-size:clamp(2rem, 4vw, 3.5rem);--page-title-heading-line-height:.95;margin-bottom:var(--page-title-margin-bottom,1.5rem);align-items:flex-start;gap:1rem;display:flex}.page-title--compact{--page-title-heading-size:clamp(1.5rem, 2.4vw, 1.875rem);--page-title-heading-line-height:1.15;margin-bottom:var(--page-title-margin-bottom,1.25rem);gap:.75rem}.page-title--compact .page-title__back{width:34px;height:34px;margin-top:0}.page-title--compact .page-title__subtext{margin-top:.375rem;font-size:.875rem;line-height:1.5}.page-title--on-accent{--page-title-fg:var(--accent-fg);--page-title-muted:color-mix(in srgb, var(--accent-fg) 86%, transparent)}.page-title__back{background:var(--page-title-back-bg);border:1px solid var(--page-title-back-border);width:40px;height:40px;color:var(--fg);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:clamp(0rem,.8vw,.45rem);text-decoration:none;transition:background .15s;display:inline-flex}.page-title__back:hover{background:color-mix(in srgb, var(--bg-overlay) 35%, transparent)}.page-title__copy{min-width:0}.page-title__heading{color:var(--page-title-fg);font-size:var(--page-title-heading-size);font-weight:800;line-height:var(--page-title-heading-line-height);margin:0}.page-title__subtext{max-width:44rem;color:var(--page-title-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.6}
