.md-header{z-index:100;background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-surface-variant);transition:box-shadow .3s;position:sticky;top:0}.md-header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.md-header-brand{color:var(--md-sys-color-primary);align-items:center;gap:12px;display:flex}.md-header-brand h1{color:var(--md-sys-color-on-surface);margin:0;font-size:1.25rem;font-weight:600}.md-header-nav{gap:8px;display:flex}.md-nav-link{color:var(--md-sys-color-on-surface);border-radius:20px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s}.md-nav-link:hover{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.md-button{cursor:pointer;font-family:var(--font-family);border:none;border-radius:20px;padding:10px 24px;font-size:.95rem;font-weight:500;transition:all .2s}.md-button--primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-button--primary:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-1)}