/* generated by scripts/build_site_header_css.py from design-system.bundle.css — do not edit by hand */
:root{--color-primary:#4F46E5;--color-primary-hover:#4338CA;--color-primary-light:#EEF2FF;--color-primary-100:#E0E7FF;--color-primary-200:#C7D2FE;--color-secondary:#0EA5E9;--color-secondary-hover:#0284C7;--color-secondary-light:#F0F9FF;--color-accent:#F59E0B;--color-accent-light:#FFFBEB;--color-success:#10B981;--color-success-light:#ECFDF5;--color-warning:#F59E0B;--color-warning-light:#FFFBEB;--color-error:#EF4444;--color-error-light:#FEF2F2;--color-gray-950:#0C0A09;--color-gray-900:#1C1917;--color-gray-800:#292524;--color-gray-700:#44403C;--color-gray-600:#57534E;--color-gray-500:#78716C;--color-gray-400:#A8A29E;--color-gray-300:#D6D3D1;--color-gray-200:#E7E5E4;--color-gray-100:#F5F5F4;--color-gray-50:#FAFAF9;--color-white:#FFFFFF;--color-surface:#FFFFFF;--color-surface-raised:#FAFAF9;--color-surface-sunken:#F5F5F4;--color-backdrop:rgba(0,0,0,0.5);--color-type-video:#EF4444;--color-type-podcast:#8B5CF6;--color-type-article:#3B82F6;--color-type-infographic:#10B981;--color-type-guideline:#F59E0B;--color-type-playbook:#EC4899;--space-accent:var(--color-primary);--space-accent-hover:var(--color-primary-hover);--space-accent-light:var(--color-primary-light);--space-accent-rgb:79,70,229}
:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,'SF Mono','Fira Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-regular:400;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em}
:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1280px;--container-narrow:800px;--container-padding:var(--space-6);--sidebar-width:280px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--header-height:64px;--header-height-mobile:56px;--bottom-nav-height:60px}
:root{--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.10),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.10),0 10px 10px rgba(0,0,0,0.04);--shadow-focus:0 0 0 3px var(--color-primary-100);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}
.site-header .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);user-select:none;white-space:nowrap;text-decoration:none;min-height:40px}
.site-header .btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.site-header .btn:disabled, .site-header .btn[aria-disabled='true']{opacity:0.5;cursor:not-allowed;pointer-events:none}
.site-header .btn-primary{background:var(--color-primary);color:var(--color-white)}
.site-header .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(79,70,229,0.30);color:var(--color-white)}
.site-header .btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}
.site-header .btn-secondary{background:var(--color-white);color:var(--color-primary);border-color:var(--color-gray-300)}
.site-header .btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-light)}
.site-header .btn-ghost{background:transparent;color:var(--color-gray-700)}
.site-header .btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}
.site-header .btn-danger{background:var(--color-error);color:var(--color-white)}
.site-header .btn-danger:hover{background:#DC2626;transform:translateY(-1px);box-shadow:0 2px 8px rgba(239,68,68,0.30)}
.site-header .btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:32px;border-radius:var(--radius-sm)}
.site-header .btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:48px}
.site-header .btn-block{width:100%}
.site-header .btn-icon{padding:var(--space-2);min-width:40px;min-height:40px}
.site-header .btn-icon.btn-sm{min-width:32px;min-height:32px;padding:var(--space-1)}
.site-header .btn-icon.btn-lg{min-width:48px;min-height:48px;padding:var(--space-3)}
.site-header .btn-space-primary{background:var(--space-accent);color:var(--color-white)}
.site-header .btn-space-primary:hover{background:var(--space-accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--space-accent-rgb),0.30)}
.site-header .search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:560px}
.site-header .search-bar .search-input{width:100%;height:48px;padding:0 var(--space-12) 0 var(--space-12);font-size:var(--text-base);color:var(--color-gray-900);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-full);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}
.site-header .search-bar .search-input::placeholder{color:var(--color-gray-400)}
.site-header .search-bar .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}
.site-header .search-bar .search-icon{position:absolute;left:var(--space-4);width:20px;height:20px;color:var(--color-gray-500);pointer-events:none}
.site-header .search-bar .search-clear{position:absolute;right:var(--space-3);width:28px;height:28px;display:none;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-gray-500);background:transparent}
.site-header .search-bar .search-clear:hover{background:var(--color-gray-100);color:var(--color-gray-700)}
.site-header .search-bar.has-value .search-clear{display:inline-flex}
.site-header{position:sticky;top:0;z-index:50;width:100%;height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);transition:box-shadow var(--duration-base) var(--ease-default)}
.site-header.scrolled{border-bottom-color:var(--color-gray-300)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);max-width:var(--container-max);margin:0 auto;height:100%;padding:0 var(--container-padding)}
.site-header .site-logo{display:inline-flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--color-primary);text-decoration:none;flex:0 0 auto}
.site-header .site-logo .logo-mark{color:var(--color-primary)}
.site-header .site-logo .logo-suffix{color:var(--color-gray-700);font-weight:var(--font-medium)}
.site-header .site-logo:hover .logo-mark{color:var(--color-primary-hover)}
.site-header .site-logo-image{display:block;height:32px;width:auto;max-width:200px}
.site-header .site-logo:has(.site-logo-image) .logo-mark, .site-header .site-logo:has(.site-logo-image) .logo-suffix{display:none}
.site-header .site-logo[data-no-logo-image] .site-logo-image{display:none}
.site-header .site-logo[data-no-logo-image] .logo-mark, .site-header .site-logo[data-no-logo-image] .logo-suffix{display:inline}
.site-header .site-nav{display:flex;align-items:center;gap:var(--space-2);flex:1}
.site-header .site-nav a{position:relative;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}
.site-header .site-nav a:hover{color:var(--color-gray-950);background:var(--color-gray-100)}
.site-header .site-nav a.active, .site-header .site-nav a[aria-current='page']{color:var(--color-primary);font-weight:var(--font-semibold)}
.site-header .site-nav a.active::after, .site-header .site-nav a[aria-current='page']::after{content:'';position:absolute;bottom:-1px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}
.site-header-right{display:flex;align-items:center;gap:var(--space-3);flex:0 0 auto}
.site-header-search{position:relative;width:320px;max-width:100%}
.site-header-search .search-input{height:40px;font-size:var(--text-sm)}
.site-header-search .search-icon{left:var(--space-3);width:18px;height:18px}
.site-header-search-icon{display:none}
.site-header-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--color-gray-200);background:var(--color-gray-100);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);cursor:pointer;text-decoration:none}
.site-header-avatar img{width:100%;height:100%;object-fit:cover}
.site-header-avatar:hover{border-color:var(--color-primary)}
.site-header-menu{display:none;width:40px;height:40px;border-radius:var(--radius-md);background:transparent;align-items:center;justify-content:center;color:var(--color-gray-700)}
.site-header-menu:hover{background:var(--color-gray-100);color:var(--color-gray-950)}
.site-header .home-hero .search-bar{margin:0 auto var(--space-6)}
.site-header .home-hero .search-bar .search-input{height:56px;font-size:var(--text-lg);border-radius:var(--radius-full);border-color:var(--color-gray-200);border-width:1px}
.site-header .home-hero .search-bar .search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}
.site-header .home-hero .search-icon{left:var(--space-5)}
.site-header .btn-like .heart-icon{width:18px;height:18px}
.site-header .btn-like.liked{color:var(--color-error)}
.site-header .btn-like.liked .heart-icon{fill:var(--color-error);stroke:var(--color-error)}
.site-header .btn-sm{padding:6px 12px;font-size:var(--text-sm);min-height:32px}
.site-header .admin-input, .site-header .admin-textarea, .site-header .admin-select, .site-header .admin-form-input, .site-header .admin-search-input{font-family:var(--font-sans) !important;font-size:var(--text-sm) !important;border-radius:var(--radius-md) !important;border-color:var(--color-gray-300) !important;color:var(--color-gray-900) !important}
.site-header .admin-input:focus, .site-header .admin-textarea:focus, .site-header .admin-select:focus, .site-header .admin-form-input:focus, .site-header .admin-search-input:focus{border-color:var(--color-primary) !important;box-shadow:var(--shadow-focus) !important}
@media (max-width:640px){.site-header .search-bar .search-input{height:52px}}
@media (max-width:1024px){.site-header-search{width:200px}}
@media (max-width:768px){.site-header{height:var(--header-height-mobile)}.site-header .site-nav{display:none}.site-header-search{display:none}.site-header-search-icon{display:inline-flex}.site-header-menu{display:inline-flex}}