.nav{padding:var(--spacing-unit)0;margin-bottom:var(--spacing-unit);position:relative}.nav-container{justify-content:space-between;align-items:center;gap:2rem;display:flex}.nav-brand{color:var(--text);font-size:var(--font-size-base);letter-spacing:-.01em;white-space:nowrap;font-weight:600;text-decoration:none;transition:opacity .15s}.nav-brand:hover{opacity:.7}.nav-list{flex-wrap:wrap;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-list li{margin:0}.nav-item{position:relative}.nav-link{color:var(--text-muted);font-size:var(--font-size-small);padding-bottom:4px;text-decoration:none;display:inline-block;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-indicator{background:var(--text);border-radius:1px;height:1.5px;position:absolute;bottom:0;left:0;right:0}.nav-search-mobile{margin-left:auto}.search-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.search-icon-btn:hover{color:var(--text);background-color:#f5f5f5}.nav-mobile-header{justify-content:flex-start;align-items:center;gap:.75rem;display:none}.nav-mobile-title{color:var(--text);font-size:var(--font-size-base);letter-spacing:-.01em;font-weight:600;text-decoration:none;transition:opacity .15s}.nav-mobile-title:hover{opacity:.7}.hamburger-btn{cursor:pointer;color:var(--text);z-index:1001;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:-.375rem;padding:.375rem;transition:all .15s;display:none}.hamburger-btn:hover{background-color:#f5f5f5}.menu-backdrop{z-index:999;background-color:#00000080;position:fixed;inset:0}.mobile-menu{background-color:var(--bg);z-index:1000;width:280px;max-width:85vw;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.mobile-menu-list{flex-direction:column;margin:0;padding:4rem 0 0;list-style:none;display:flex}.mobile-menu-item{border-bottom:1px solid #f0f0f0;margin:0}.mobile-menu-link{color:var(--text-muted);font-size:var(--font-size-base);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:1rem 1.5rem;text-decoration:none;transition:all .15s;display:block;position:relative}.mobile-menu-link:hover{color:var(--text);background-color:#f9f9f9}.mobile-menu-link.active{color:var(--text)}.mobile-menu-indicator{background:var(--text);width:3px;position:absolute;top:0;bottom:0;left:0}.mobile-search-btn{font-weight:500}@media (max-width:639px){.nav-mobile-header,.hamburger-btn{display:flex}.nav-container{display:none}}@media (min-width:640px){.nav-search-mobile,.nav-mobile-header,.hamburger-btn,.mobile-menu,.menu-backdrop{display:none}.nav-brand{display:block}}
.footer{padding:calc(var(--spacing-unit)*2)0 var(--spacing-unit);margin-top:auto}.footer-text{color:var(--text-light);font-size:var(--font-size-small);margin:0}
.search-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background-color:#fff;border-radius:12px;width:100%;max-width:560px;margin:0 1rem;animation:.15s slideIn;overflow:hidden;box-shadow:0 16px 70px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-header{border-bottom:1px solid #eee;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.1rem}.search-input::placeholder{color:var(--text-light)}.search-esc{color:var(--text-muted);cursor:pointer;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;min-width:2rem;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;transition:background-color .15s;display:flex}.search-esc:hover{background-color:#e8e8e8}.search-esc-text{display:inline}.search-esc-icon{font-size:1.25rem;font-weight:300;line-height:1;display:none}@media (max-width:600px){.search-esc-text{display:none}.search-esc-icon{display:inline}.search-esc{min-width:2rem;padding:.25rem .5rem}}.search-results{max-height:400px;padding:.5rem;overflow-y:auto}.search-result{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;font-family:inherit;transition:background-color .1s;display:flex}.search-result:hover,.search-result.selected{background-color:#f5f5f5}.result-title{color:var(--text);font-size:.95rem;font-weight:500}.result-snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.result-snippet mark{color:var(--text);background-color:#fff3cd;border-radius:2px;padding:.05em .1em;font-weight:500}.result-section{color:var(--text-muted);margin-top:.125rem;font-size:.8rem}.search-empty,.search-hint{text-align:center;color:var(--text-muted);font-size:var(--font-size-small);padding:2rem 1.25rem}@media (min-width:600px){.search-hint:after{content:"";color:var(--text-light);margin-top:1rem;font-size:.75rem;display:block}}
.search-hint-fixed{cursor:pointer;color:var(--text-light);opacity:.6;background-color:#0000;border:none;align-items:center;gap:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.75rem;transition:opacity .15s;display:none;position:fixed;bottom:1.5rem;left:1.5rem}@media (min-width:640px){.search-hint-fixed{display:flex}}.search-hint-fixed:hover{opacity:1}.search-hint-fixed kbd{color:var(--text-muted);background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;padding:.15rem .35rem;font-family:inherit;font-size:.7rem;display:inline-block}
.layout{max-width:var(--max-width);padding:0 var(--spacing-unit);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.main-content{flex:1}@media (max-width:480px){.layout{padding:0 1rem}}