.theme-toggle{background:none;border:none;border-radius:6px;padding:0.25rem;cursor:pointer;font-size:0.85em;transition:background-color 0.2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:0.25rem}.theme-toggle:hover{background-color:var(--color-light)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;font-weight:bold;width:100%;height:100%}.theme-toggle-icon::before{color:var(--color-primary)}[data-theme="dark"] .theme-toggle-icon::before{content:"○"}[data-theme="light"] .theme-toggle-icon::before{content:"●"}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-toggle{display:flex;align-items:center;gap:0.25rem}.nav-dropdown-toggle::after{content:'▾';font-size:0.75em;transition:transform 0.2s ease}.nav-dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--color-white);border:1px solid var(--color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow);padding:0.5rem 0;margin-top:0.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s,background-color 0.3s ease;z-index:200}.nav-dropdown[data-open="true"] .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-link{display:block;padding:0.5rem 1rem;color:var(--color-secondary);text-decoration:none;transition:background-color 0.15s ease;white-space:nowrap}.nav-dropdown-link:hover{background-color:var(--color-light)}.site-search{position:relative;max-width:300px;min-width:200px}.site-search.compact-mode{max-width:40px;min-width:40px;transition:max-width 0.3s ease,min-width 0.3s ease}.site-search.compact-mode.expanded{max-width:300px;min-width:200px}.search-toggle-btn{background:none;border:1px solid var(--color-border,#e0e0e0);border-radius:0.5rem;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-sizing:border-box;transition:all 0.2s ease;flex-shrink:0}.search-toggle-btn:hover{background:var(--color-light,#f5f5f5);border-color:var(--color-accent)}.search-toggle-btn:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,123,255,0.1)}.site-search.compact-mode .search-input-wrapper{display:none}.site-search.compact-mode.expanded .search-toggle-btn{display:none}.site-search.compact-mode.expanded .search-input-wrapper{display:flex}.site-search.compact-mode:not(.expanded) .search-icon-input{display:none}.search-input-wrapper{position:relative;display:flex;align-items:center}.site-search-input{width:100%;height:40px;padding:0 2.5rem 0 0.75rem;font-size:0.9rem;font-family:inherit;border:1px solid var(--color-border,#e0e0e0);border-radius:0.5rem;background:var(--color-white,#fff);color:var(--color-primary,#333);box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease}.site-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(0,123,255,0.1)}.site-search-input::placeholder{color:var(--color-muted,#999)}.search-icon{position:absolute;right:0.75rem;width:1rem;height:1rem;pointer-events:none}.search-icon::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;border:2px solid var(--color-muted,#999);border-radius:50%}.search-icon::after{content:'';position:absolute;bottom:1px;right:1px;width:2px;height:6px;background:var(--color-muted,#999);transform:rotate(-45deg);transform-origin:bottom right}.search-results{position:absolute;top:calc(100%+0.5rem);left:0;right:0;background:var(--color-white,#fff);border:1px solid var(--color-border,#e0e0e0);border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:350px;overflow-y:auto;z-index:1000}.search-results[hidden]{display:none}.search-results-inner{padding:0.25rem 0}.search-result-item{padding:0.5rem 0.75rem;cursor:pointer;transition:background-color 0.15s ease;border-bottom:1px solid var(--border-light,#f0f0f0);text-decoration:none;display:block}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background-color:var(--color-light,#f5f5f5) !important;outline:none}.search-result-item.keyboard-focus{background-color:var(--color-light,#f5f5f5) !important}.site-nav .search-results a.search-result-item{padding:0.5rem 0.75rem;border-radius:0;font-size:0.875rem;font-weight:normal;margin:0;background-color:transparent}.site-nav .search-results a.search-result-item:hover{background-color:var(--color-light,#f5f5f5) !important}.search-result-title{font-weight:500;font-size:0.875rem;margin-bottom:0.125rem;color:var(--color-primary,#333);display:block;line-height:1.3}.search-result-meta{font-size:0.7rem;color:var(--color-secondary,#666);margin-bottom:0.125rem;display:flex;gap:0.375rem;align-items:center}.search-result-type{display:inline-block;padding:0.0625rem 0.375rem;background:var(--color-accent,#2aa8a1);color:var(--color-white,#fff);border-radius:0.2rem;font-size:0.65rem;text-transform:capitalize;font-weight:500;opacity:0.8}.search-result-excerpt{font-size:0.75rem;color:var(--color-secondary,#666);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.search-result-excerpt mark{background:var(--highlight-bg,#fef3c7);color:var(--highlight-text,#92400e);padding:0.1em 0.2em;border-radius:0.2em;font-weight:500}.search-no-results{padding:1rem;text-align:center;color:var(--color-secondary,#666);font-size:0.9rem}@media (max-width:768px){.site-search{max-width:100%;width:100%;min-width:auto}.site-nav .site-search{width:100%}.search-results{max-height:300px}.site-search.compact-mode{max-width:40px;min-width:40px;width:auto}.site-search.compact-mode.expanded{max-width:100%;width:100%}}@media (min-width:769px) and (max-width:1024px){.site-search{max-width:180px;min-width:150px}.site-search-input{font-size:0.85rem;padding:0.4rem 2.25rem 0.4rem 0.65rem}}.site-search.loading .search-icon::before{animation:rotate 1s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sprite-figure{margin:2rem auto;text-align:center}.sprite-animation{display:inline-block;position:relative;overflow:hidden}.sprite-canvas{width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat;image-rendering:crisp-edges;image-rendering:pixelated}.sprite-caption{margin-top:0.75rem;font-size:0.9em;color:var(--color-muted);font-style:italic;text-align:center}