.header{padding:3rem 1rem 0}.header-inner{text-align:center;max-width:48rem;margin:0 auto}.site-name{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.375rem;font-size:.6875rem}.site-name a{color:inherit}.site-name a:hover{color:var(--accent);text-decoration:none}.header h1{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:1.75rem;font-weight:600;line-height:1.2}.lang-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:.75rem;display:flex}.lang-pill{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:.25rem;align-items:center;padding:.25rem .625rem;font-size:.6875rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}a.lang-pill:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.lang-active{color:var(--accent);border-color:var(--accent);font-weight:600}.header-line{background:var(--border);max-width:48rem;height:1px;margin:2rem auto 0;position:relative}.header-line:after{content:"";background:var(--accent);width:3rem;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.main{max-width:48rem;margin:0 auto;padding:2rem 1rem 3rem}.month-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.month-link{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.02em;font-size:.75rem}.month-link:hover{color:var(--accent);text-decoration:none}@media (width<=640px){.header{padding-top:2rem}.header h1{font-size:1.375rem}}