.theme-switcher{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-normal) var(--easing-default),border-color var(--duration-normal) var(--easing-default),background-color var(--duration-normal) var(--easing-default)}.theme-switcher:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-subtle)}.theme-switcher:focus{outline:2px solid var(--interactive-focus);outline-offset:2px}.theme-switcher__icon{width:20px;height:20px}.header{background:var(--bg-base);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:var(--z-sticky)}.header__container{max-width:1200px;margin:0 auto;padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.header__logo{text-decoration:none;display:flex;align-items:center}.header__logo-img{height:24px;width:auto}.header__nav{display:flex;gap:var(--space-5);flex:1}.header__link{color:var(--text-muted);font-weight:var(--font-medium);padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:color var(--duration-normal) var(--easing-default),border-color var(--duration-normal) var(--easing-default)}.header__link:hover{color:var(--text-primary);text-decoration:none}.header__link--active{color:var(--ceetrix-green);border-bottom-color:var(--ceetrix-green)}.header__icon-link{display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:color var(--duration-normal) var(--easing-default),background var(--duration-normal) var(--easing-default)}.header__icon-link:hover{color:var(--text-primary);background:var(--bg-subtle);text-decoration:none}.header__cta{background:var(--ceetrix-green);color:var(--text-on-brand);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-semibold);transition:background var(--duration-normal) var(--easing-default)}.header__cta:hover{background:var(--interactive-active);text-decoration:none}.header__hamburger{display:none;background:none;border:none;color:var(--text-primary);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--easing-default)}.header__hamburger:hover{background:var(--bg-subtle)}.header__overlay{position:fixed;inset:0;background:#0006;z-index:var(--z-modal, 100);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--easing-default)}.header__overlay--open{opacity:1;pointer-events:auto}.header__sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--bg-base);z-index:var(--z-modal, 100);transform:translate(100%);transition:transform var(--duration-normal) var(--easing-out);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.header__sidebar--open{transform:translate(0)}.header__sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-light)}.header__sidebar-close{background:none;border:none;color:var(--text-muted);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default)}.header__sidebar-close:hover{color:var(--text-primary);background:var(--bg-subtle)}.header__sidebar-nav{display:flex;flex-direction:column;padding:var(--space-4);flex:1}.header__sidebar-link{display:block;color:var(--text-muted);font-weight:var(--font-medium);font-size:var(--text-lg);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-decoration:none;transition:color var(--duration-fast) var(--easing-default),background var(--duration-fast) var(--easing-default)}.header__sidebar-link:hover{color:var(--text-primary);background:var(--bg-subtle);text-decoration:none}.header__sidebar-link--active{color:var(--ceetrix-green);font-weight:var(--font-semibold)}.header__sidebar-actions{padding:var(--space-4);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--space-2)}.header__sidebar-cta{display:block;background:var(--ceetrix-green);color:var(--text-on-brand);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-semibold);text-align:center;text-decoration:none;transition:background var(--duration-normal) var(--easing-default)}.header__sidebar-cta:hover{background:var(--interactive-active);text-decoration:none}@media(max-width:768px){.header__nav,.header__icon-link,.header__cta--desktop{display:none}.header__hamburger{display:flex;align-items:center;justify-content:center;margin-left:auto}}.footer{background:var(--bg-subtle);border-top:1px solid var(--border-light);padding:var(--space-6) var(--space-4);margin-top:auto}.footer__container{max-width:1200px;margin:0 auto;text-align:center}.footer__nav{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3)}.footer__link{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}.footer__link:hover{color:var(--interactive)}.footer__copyright{color:var(--text-muted);font-size:var(--text-sm)}.layout{min-height:100vh;display:flex;flex-direction:column}.butter-bar{background:var(--bg-muted);border-bottom:1px solid var(--border-light);text-align:center;padding:var(--space-2) var(--space-4);font-size:.875rem;color:var(--text-secondary)}.butter-bar__badge{display:inline-block;background:var(--ceetrix-green);color:var(--text-on-brand);font-weight:var(--font-semibold);font-size:.75rem;padding:1px var(--space-2);border-radius:var(--radius-sm);margin-right:var(--space-2);vertical-align:middle;letter-spacing:.05em}.butter-bar a{color:var(--interactive);font-weight:var(--font-medium)}.butter-bar a:hover{color:var(--interactive-hover)}.layout__main{flex:1;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4);width:100%}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:auto}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);line-height:var(--line-height-normal)}a{color:var(--ceetrix-green);text-decoration:none}a:hover{text-decoration:underline}