html{font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-6xl);line-height:var(--leading-none)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-bold);color:var(--color-text)}em,i{font-style:italic}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}p a:not([class]){text-decoration:underline}a:hover{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-medium);transition:all var(--transition-base)}.link-arrow:hover{color:var(--color-accent);gap:var(--space-3)}small{font-size:var(--text-sm);color:var(--color-text-muted)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}pre{background-color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}pre code{background:none;padding:0;border:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}svg{fill:currentColor}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent);color:var(--color-white)}::-moz-selection{background-color:var(--color-accent);color:var(--color-white)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full);border:3px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-accent);color:var(--color-white);border-radius:var(--radius-md);font-weight:var(--font-medium);z-index:var(--z-tooltip);transform:translateY(-200%);transition:transform var(--transition-base)}.skip-to-content:focus{transform:translateY(0)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter)}.container>*{grid-column:2 / 12}@media(max-width:768px){.container{padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}.container>*{grid-column:1 / -1}}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}