.blog-layout{background-color:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh}.blog-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-interactive-primary-bg-faint);border:none;box-shadow:var(--offset-none) var(--offset-none) var(--spacing-3) var(--color-interactive-primary-bg);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect))}.blog-header__title{font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-2xl);color:var(--color-interactive-primary);text-decoration:none;text-shadow:0 0 var(--spacing-2) var(--color-interactive-primary-bg);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__title:hover{color:var(--color-text-primary);text-shadow:0 0 var(--spacing-3) var(--color-interactive-primary)}.blog-header__theme-button{width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--border-radius-full);background-color:transparent;border:none;cursor:pointer;transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__theme-button:hover{background-color:var(--color-interactive-primary-bg-subtle)}.blog-header__theme-icon{font-size:var(--font-size-xl)}.blog-header__menu-button{background-color:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.blog-header__menu-button:hover{color:var(--color-interactive-primary)}.navigation-menu{background-color:var(--color-surface-dark-opaque);border:none;box-shadow:0 0 var(--shadow-blur-lg) var(--color-interactive-primary-bg);position:absolute;right:var(--spacing-3);top:calc(100% + var(--spacing-1));z-index:var(--z-index-menu);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));min-width:var(--layout-card-width);width:-moz-max-content;width:max-content;border-radius:var(--border-radius-lg);padding:var(--spacing-2);animation:dropdownFadeIn .15s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navigation-menu__overlay{background-color:var(--color-overlay-strong);inset:0;position:fixed;width:100vw;height:100vh;z-index:calc(var(--z-index-menu) - 1)}.navigation-menu__item{background-color:transparent;color:var(--color-interactive-primary);font-family:var(--font-heading-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;border-radius:var(--border-radius-full);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.navigation-menu__item:hover,.navigation-menu__item:focus{color:var(--color-text-primary);outline:none}.blog-footer{height:var(--layout-footer-height);background-color:var(--color-interactive-primary-bg-faint);border:none;box-shadow:var(--offset-none) var(--offset-none) var(--spacing-3) var(--color-interactive-primary-bg);backdrop-filter:blur(var(--blur-glass-effect));-webkit-backdrop-filter:blur(var(--blur-glass-effect));font-size:var(--font-size-sm)}.blog-footer__link{color:var(--color-interactive-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);cursor:pointer;transition:color var(--transition-duration-fast) var(--transition-timing-function-default);background:none;border:none;padding:0}.blog-footer__link:hover{color:var(--color-text-primary);text-decoration:underline}.blog-footer__copyright{color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.legal-modal__overlay{position:fixed;inset:0;background-color:var(--color-overlay-strong);z-index:var(--z-index-modal)}.legal-modal__dialog{background-color:var(--color-background-secondary);border:none;box-shadow:0 0 var(--spacing-6) var(--color-interactive-primary-bg);max-height:90vh;max-width:var(--layout-page-container-width);width:100%;z-index:calc(var(--z-index-modal) + 1);border-radius:var(--border-radius-lg)}.legal-modal__header{background-color:var(--color-interactive-primary-bg-faint);border:none;padding:var(--spacing-4)}.legal-modal__title{color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.legal-modal__close-button{background-color:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-2xl);width:var(--spacing-6);height:var(--spacing-6);transition:all var(--transition-duration-fast) var(--transition-timing-function-default)}.legal-modal__close-button:hover{color:var(--color-interactive-primary);background-color:var(--color-interactive-primary-bg-subtle)}.legal-modal__content{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);overflow-y:auto;padding:var(--spacing-4)}.legal-modal__content h2{color:var(--color-interactive-primary);font-family:var(--font-heading-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.legal-modal__content h3{color:var(--color-text-secondary);font-family:var(--font-heading-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.legal-modal__content section{margin-bottom:var(--spacing-4)}.legal-modal__content p{margin-bottom:var(--spacing-2)}