@layer quartz-base{.page-header>header{flex-wrap:nowrap}.site-header-brand{color:var(--dark);flex-shrink:0;align-items:baseline;gap:8px;display:flex}.site-header-brand .site-header-name{font-family:var(--titleFont);letter-spacing:.01em;font-size:1.3rem}.site-header-brand .site-header-tld{font-family:var(--codeFont);letter-spacing:.24em;color:var(--gray);font-size:.6rem}@media (hover:hover){.site-header-brand:hover .site-header-name{color:var(--secondary)}}.site-header-nav{flex-wrap:nowrap;flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.site-header-nav .site-header-link{white-space:nowrap;font-family:var(--codeFont);letter-spacing:.16em;text-transform:uppercase;color:var(--gray);border:1px solid var(--lightgray);border-radius:999px;padding:7px 12px;font-size:.62rem;font-weight:500;transition:color .2s,background-color .2s,border-color .2s}@media (hover:hover){.site-header-nav .site-header-link:hover{color:var(--dark)}}.site-header-nav .site-header-link.active{color:var(--dark);background:color-mix(in srgb, var(--secondary) 16%, transparent);border-color:color-mix(in srgb, var(--secondary) 35%, transparent)}@media (min-width:800px) and (max-width:1200px){.site-header-nav{gap:3px}.site-header-nav .site-header-link{letter-spacing:.1em;padding:7px 8px}}@media (max-width:880px){.site-header-nav{display:none}}.site-header-clock{font-family:var(--codeFont);letter-spacing:.14em;color:var(--gray);white-space:nowrap;flex-shrink:0;font-size:.62rem}@media not (min-width:1200px){.site-header-clock{display:none}}.site-header-nav-toggle{border:1px solid color-mix(in srgb, var(--secondary) 20%, transparent);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;display:none}.site-header-nav-toggle span{background:var(--dark);width:16px;height:1.5px;display:block}@media (max-width:880px){.site-header-nav-toggle{order:10;display:flex}}.page-header>header .darkmode,.page-header>header .readermode{border:1px solid color-mix(in srgb, var(--secondary) 20%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.page-header>header .search{flex-shrink:0;max-width:none;flex-grow:0!important}.page-header>header .search .search-button{justify-content:center;border-radius:999px!important;width:34px!important;height:34px!important;padding:0!important}.page-header>header .search .search-button svg{margin:0!important}.page-header>header .search .search-button p{display:none}}