:root{--paper:#F7F1E8;--ink:#2D2C2A;--orange:#E7623E;--teal:#6BB5B3;--cream:#FAF8F6;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px rgba(45, 44, 42, .05);--shadow-md: 0 4px 6px rgba(45, 44, 42, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}body{background:var(--paper);color:var(--ink)}*:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.card{border:1px solid rgba(45,44,42,.1);border-radius:var(--radius-md);padding:var(--space-md);background:var(--cream)}.btn-primary{background-color:var(--orange);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background-color var(--transition-base)}.btn-primary:hover{background-color:#e7623ee6}.btn-secondary{background-color:transparent;color:var(--teal);border:1px solid var(--teal);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-secondary:hover{background-color:var(--teal);color:#fff}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:var(--paper);border:1px solid rgba(45,44,42,.1);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-md);min-width:280px;z-index:50;opacity:0;transform:translateY(-8px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none}.dropdown-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{display:block;padding:.75rem 1rem;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none}.dropdown-item:hover,.dropdown-item:focus{background-color:#faf8f699;color:var(--orange);outline:none}.dropdown-item.active{background-color:#faf8f699;color:var(--orange);font-weight:600}.dropdown-item-title{font-size:.875rem;font-weight:500;color:var(--ink)}.dropdown-item-description{font-size:.75rem;color:#2d2c2a99;margin-top:.25rem}.mobile-menu-overlay{position:fixed;inset:0;background-color:#2d2c2a80;z-index:40;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-drawer{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background-color:var(--paper);box-shadow:-4px 0 12px #2d2c2a26;z-index:50;transform:translate(100%);transition:transform var(--transition-slow);overflow-y:auto}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-item{display:block;padding:.75rem 1rem;color:var(--ink);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);border-radius:var(--radius-sm)}.mobile-menu-item:hover,.mobile-menu-item:focus{background-color:#faf8f699;color:var(--orange);outline:none}.mobile-menu-item.active{color:var(--orange);font-weight:600}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:51}.hamburger-button span{width:24px;height:2px;background-color:var(--ink);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.hamburger-button.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger-button.open span:nth-child(2){opacity:0}.hamburger-button.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.chevron-icon{display:inline-block;width:12px;height:12px;transition:transform var(--transition-base)}.chevron-icon.open{transform:rotate(180deg)}.focus-trap-active{overflow:hidden}.nav-link{position:relative;color:var(--ink);text-decoration:none;transition:color var(--transition-base)}.nav-link:hover{color:var(--orange)}.nav-link.active{color:var(--orange);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--orange);border-radius:1px}.smooth-scroll{scroll-behavior:smooth}.prose{color:var(--ink)}.prose h2{font-family:var(--font-serif, serif);font-size:1.875rem;line-height:2.25rem;margin-bottom:1.5rem;margin-top:3rem;color:var(--ink);font-weight:600}.prose h3{font-family:var(--font-serif, serif);font-size:1.5rem;line-height:2rem;margin-bottom:1rem;margin-top:2rem;color:var(--ink);font-weight:600}.prose h4{font-family:var(--font-serif, serif);font-size:1.25rem;line-height:1.75rem;margin-bottom:.75rem;margin-top:1.5rem;color:var(--ink);font-weight:600}.prose p{color:#2d2c2acc;line-height:1.75;margin-bottom:1rem}.prose a{color:var(--teal);text-decoration:underline;transition:color .2s ease}.prose a:hover{color:var(--orange)}.prose ul,.prose ol{margin-bottom:1rem;padding-left:1.5rem;space-y:.5rem}.prose li{color:#2d2c2acc;margin-bottom:.5rem}.prose ul li{list-style-type:disc}.prose ol li{list-style-type:decimal}.prose blockquote{border-left:4px solid var(--orange);padding-left:1rem;padding-top:.5rem;padding-bottom:.5rem;font-style:italic;color:#2d2c2ab3;margin-bottom:1rem}.prose code{background-color:#faf8f699;padding:.25rem .5rem;border-radius:.25rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--ink)}.prose pre{background-color:#faf8f666;border-radius:.5rem;padding:1rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;overflow-x:auto;margin-bottom:1rem}.prose pre code{background-color:transparent;padding:0}.prose img{border-radius:.5rem;margin-bottom:1.5rem;max-width:100%;height:auto}.prose hr{border-color:#2d2c2a1a;margin:2rem 0}.prose strong{font-weight:600;color:var(--ink)}.prose em{font-style:italic}
