.site{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1}.front-page-main,.site-main{padding-top:var(--header-height)}.skip-link{background:var(--color-primary);color:var(--color-text);left:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;text-decoration:none;top:-100px;transition:top var(--transition-fast);z-index:10000}.skip-link:focus{top:0}.posts-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:var(--spacing-2xl)}.posts-grid--small{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.archive-card{background:var(--color-bg-card);border-radius:var(--card-radius);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.archive-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.archive-card__link{color:inherit;display:block;text-decoration:none}.archive-card__image{aspect-ratio:16/9;overflow:hidden;position:relative}.archive-card__image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.archive-card:hover .archive-card__image img{transform:scale(1.05)}.archive-card__image--placeholder{background:var(--color-bg-card-hover)}.archive-card__overlay{background:var(--gradient-card-overlay);bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0}.archive-card__content{padding:var(--spacing-lg)}.archive-card__badges{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.archive-card__title{font-size:var(--text-xl);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm)}.archive-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-sm)}.archive-card__meta{align-items:center;color:var(--color-text-dark);display:flex;font-size:var(--text-xs);gap:var(--spacing-xs)}.archive-card__separator{opacity:.5}.mini-card{background:var(--color-bg-card);border-radius:var(--card-radius);overflow:hidden;transition:transform var(--transition-fast)}.mini-card:hover{transform:translateY(-2px)}.mini-card__link{color:inherit;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-decoration:none}.mini-card__image{border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:80px}.mini-card__image img{height:100%;object-fit:cover;width:100%}.mini-card__content{display:flex;flex-direction:column;justify-content:center}.mini-card__title{font-size:var(--text-sm);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs)}.mini-card__date{color:var(--color-text-muted);font-size:var(--text-xs)}.archive-header{background:linear-gradient(to bottom,var(--color-bg-card) 0,var(--color-bg-dark) 100%);padding:var(--spacing-3xl) 0 var(--spacing-2xl);text-align:center}.archive-title{font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}.archive-description{color:var(--color-text-muted);font-size:var(--text-lg);margin:0 auto;max-width:600px}.search-header{background:linear-gradient(to bottom,var(--color-bg-card) 0,var(--color-bg-dark) 100%);padding:var(--spacing-3xl) 0 var(--spacing-2xl);text-align:center}.search-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-lg)}.search-query{color:var(--color-primary)}.search-form-wrapper{margin:0 auto;max-width:500px}.search-results-count{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-xl);text-align:center}.nav-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.nav-links,.page-numbers{align-items:center;justify-content:center}.page-numbers{background:var(--color-bg-card);border-radius:var(--button-radius);color:var(--color-text);display:inline-flex;font-size:var(--text-sm);font-weight:600;height:40px;min-width:40px;padding:0 var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.page-numbers:hover{background:var(--color-bg-card-hover)}.page-numbers.current{background:var(--gradient-primary);color:var(--color-text)}.page-numbers.dots{background:transparent}.page-numbers .nav-arrow{font-size:var(--text-lg)}.no-results{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.no-results h2{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.no-results p{color:var(--color-text-dark)}.error-404-main{align-items:center;display:flex;min-height:calc(100vh - var(--header-height))}.error-404{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;width:100%}.error-header{margin-bottom:var(--spacing-2xl)}.error-title{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.error-code{background:var(--gradient-primary);-webkit-background-clip:text;font-size:8rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.error-text{font-size:var(--text-2xl)}.error-message,.error-text{color:var(--color-text-muted)}.error-message{font-size:var(--text-lg);margin:0 auto var(--spacing-xl);max-width:500px}.error-actions{margin-bottom:var(--spacing-2xl)}.error-search{margin:0 auto var(--spacing-2xl);max-width:400px}.error-search h2{font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.error-recent-posts h2{font-size:var(--text-lg);margin-bottom:var(--spacing-lg)}.search-form{display:flex;gap:var(--spacing-sm)}.search-form .search-field{flex:1}.search-form .search-submit{flex-shrink:0}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}.error-code{font-size:5rem}.archive-title,.search-title{font-size:var(--text-2xl)}}.site-header{backdrop-filter:blur(10px);background:rgba(var(--color-bg-dark-rgb),.85);border-bottom:1px solid var(--color-border);left:0;position:fixed;right:0;top:0;z-index:1000}.header-inner{align-items:center;display:flex;gap:var(--spacing-lg);height:var(--header-height);justify-content:space-between}.site-branding{flex-shrink:0}.site-logo{align-items:center;color:var(--color-text);display:flex;text-decoration:none}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text-top{color:var(--color-text-muted);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:500;letter-spacing:.15em}.logo-text-bottom{background:var(--gradient-primary);-webkit-background-clip:text;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:800;letter-spacing:.02em;-webkit-text-fill-color:transparent;background-clip:text}.custom-logo-link{display:block}.custom-logo{height:40px;width:auto}.header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.menu-toggle,.search-toggle,.theme-toggle{align-items:center;background:transparent;border:none;color:var(--color-text);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:color var(--transition-fast);width:44px}.menu-toggle:hover,.search-toggle:hover,.theme-toggle:hover{color:var(--color-primary)}.theme-toggle__icon{display:none}.theme-toggle__icon--sun{display:block}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-toggle__icon--sun{display:none}:root:not([data-theme=dark]) .theme-toggle__icon--moon{display:block}}[data-theme=dark] .theme-toggle__icon--sun{display:block}[data-theme=dark] .theme-toggle__icon--moon,[data-theme=light] .theme-toggle__icon--sun{display:none}[data-theme=light] .theme-toggle__icon--moon{display:block}.hamburger{display:flex;flex-direction:column;gap:5px;height:24px;justify-content:center;width:24px}.hamburger-line{background:currentColor;display:block;height:2px;transition:all var(--transition-fast);width:100%}.menu-toggle[aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-navigation{background:var(--color-bg-dark);border-bottom:1px solid var(--color-border);display:none;left:0;padding:var(--spacing-lg);position:absolute;right:0;top:var(--header-height)}.main-navigation.is-active{display:block}.nav-menu{display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-menu li{list-style:none}.nav-menu a{border-radius:var(--button-radius);color:var(--color-text);display:block;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-menu .current-menu-item a,.nav-menu .current_page_item a,.nav-menu a:hover{background:var(--color-bg-card);color:var(--color-primary)}.search-overlay{backdrop-filter:blur(10px);background:rgba(var(--color-bg-dark-rgb),.98);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:10000}.search-overlay.is-active{align-items:center;display:flex;justify-content:center}.search-overlay-inner{max-width:600px;padding:var(--spacing-xl);width:100%}.search-overlay .search-form{display:flex;gap:var(--spacing-md)}.search-overlay .search-field{flex:1;font-size:var(--text-xl);padding:var(--spacing-md) var(--spacing-lg)}.search-overlay .search-submit{padding:var(--spacing-md) var(--spacing-xl)}.search-close{align-items:center;background:transparent;border:none;color:var(--color-text);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:color var(--transition-fast);width:48px}.search-close:hover{color:var(--color-primary)}@media (min-width:769px){.menu-toggle{display:none}.main-navigation{background:transparent;border:none;display:block;padding:0;position:static}.nav-menu{flex-direction:row;gap:var(--spacing-xs)}.nav-menu a{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.nav-menu .current-menu-item a,.nav-menu .current_page_item a,.nav-menu a:hover{background:transparent;color:var(--color-primary)}}@media (max-width:480px){.logo-text-top{font-size:.625rem}.logo-text-bottom{font-size:var(--text-xl)}}.site-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);margin-top:auto}.footer-inner{padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.footer-top{display:flex;flex-direction:column;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}@media (min-width:768px){.footer-top{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-3xl);justify-content:space-between}.footer-branding,.footer-nav,.footer-social{flex:0 1 auto;min-width:160px}.footer-branding{margin-left:clamp(var(--spacing-md),3vw,var(--spacing-2xl));max-width:300px}}.footer-logo{color:var(--color-text);display:inline-flex;margin-bottom:var(--spacing-md);text-decoration:none}.footer-logo .logo-text-bottom{font-size:var(--text-xl)}.footer-tagline{line-height:1.6;margin:0}.footer-heading,.footer-tagline{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-heading{font-weight:700;letter-spacing:.1em;margin-bottom:var(--spacing-lg);text-transform:uppercase}.social-links{display:flex;gap:var(--spacing-md)}.social-link{align-items:center;background:var(--color-bg-dark);border-radius:50%;color:var(--color-text);display:flex;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.social-link:hover{transform:translateY(-2px)}.social-link--youtube:hover{background:red;color:#fff}.social-link--bluesky:hover{background:#0085ff;color:#fff}.social-link--instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.social-links--large{gap:var(--spacing-lg)}.social-links--large .social-link{border-radius:var(--button-radius);gap:var(--spacing-sm);height:auto;padding:var(--spacing-md) var(--spacing-lg);width:auto}.social-links--large .social-link span{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600}.footer-menu{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-menu li{list-style:none}.footer-menu a{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-menu a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);text-align:center}.copyright{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (max-width:480px){.footer-top{text-align:center}.social-links{justify-content:center}.social-links--large{align-items:center;flex-direction:column}}.back-to-top{align-items:center;background:var(--gradient-primary);border:none;border-radius:9999px;bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);color:var(--color-text);cursor:pointer;display:inline-flex;height:48px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:var(--spacing-lg);transform:translateY(20px);transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-fast);z-index:999}.back-to-top__icon-wrap{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.back-to-top__label{font-size:var(--text-sm);font-weight:600;line-height:1;max-width:0;opacity:0;overflow:hidden;padding-left:0;transition:max-width var(--transition-base),opacity var(--transition-base),padding-left var(--transition-base);white-space:nowrap}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top--visible:focus,.back-to-top--visible:hover{box-shadow:var(--shadow-xl);outline:none;transform:translateY(-2px)}.back-to-top--expanded .back-to-top__label{max-width:160px;opacity:1;padding-left:var(--spacing-lg)}@media (max-width:480px){.back-to-top{bottom:var(--spacing-md);height:44px;right:var(--spacing-md)}.back-to-top__icon-wrap{height:44px;width:44px}}@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top__label{transition:none}}