*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}img{max-width:100%;height:auto;content-visibility:auto}body{font-family:var(--font-sans);font-size:var(--font-size-body-md);line-height:var(--line-height-body);color:var(--color-primary);background-color:var(--color-neutral);min-height:100vh;display:flex;flex-direction:column;text-rendering:optimizeSpeed}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-family:var(--font-sans);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h2{font-family:var(--font-sans);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-snug)}h3{font-family:var(--font-sans);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-subheading)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-code);line-height:var(--line-height-body-sm)}pre{background-color:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto}code{background-color:var(--color-code-bg);padding:2px 6px;border-radius:var(--radius-sm)}pre code{background:none;padding:0}.container{width:100%;max-width:var(--max-width-layout);margin:0 auto;padding:0 var(--space-lg)}.content-narrow{max-width:var(--max-width-content);margin:0 auto}.site-header{border-bottom:1px solid var(--color-code-border);padding:var(--space-md) 0;position:sticky;top:0;background-color:var(--color-neutral);z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-layout);margin:0 auto;padding:0 var(--space-lg)}.site-logo{font-family:var(--font-sans);font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none;letter-spacing:var(--letter-spacing-tight)}.site-logo:hover{text-decoration:none}.site-nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-family:var(--font-sans);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-secondary);text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-primary);text-decoration:none}.site-main{flex:1;padding:var(--space-3xl) 0}.site-footer{content-visibility:auto;contain-intrinsic-size:auto 100px;border-top:1px solid var(--color-code-border);padding:var(--space-xl) 0;margin-top:auto}.footer-inner{max-width:var(--max-width-layout);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.footer-text{font-size:var(--font-size-body-sm);color:var(--color-secondary)}.footer-links{display:flex;gap:var(--space-md)}.footer-link{font-size:var(--font-size-body-sm);color:var(--color-secondary);text-decoration:none}.footer-link:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer;border:none;transition:background-color .15s ease,border-color .15s ease}.btn:hover{text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-neutral)}.btn-primary:hover{background-color:var(--color-secondary)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-code-bg)}.tag{display:inline-block;background-color:var(--color-code-bg);color:var(--color-secondary);border-radius:var(--radius-sm);padding:4px 8px;font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-code-border)}input[type=email],input[type=text]{background-color:var(--color-white);color:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-tertiary);font-family:var(--font-sans);font-size:var(--font-size-body-md);line-height:var(--line-height-body);outline:none;transition:border-color .15s ease}input[type=email]:focus,input[type=text]:focus{border:2px solid var(--color-accent)}.skin-selector-wrapper{display:flex;align-items:center;margin-left:var(--space-md)}.skin-selector{background-color:var(--color-code-bg);color:var(--color-secondary);border:1px solid var(--color-code-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-sans);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);cursor:pointer;outline:none}.skin-selector:hover{color:var(--color-primary);border-color:var(--color-tertiary)}.skin-selector:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #2563eb33}.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}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}