*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #5a5a5a;--color-border: #d4d4d4;--color-accent: #2c5282;--color-accent-hover: #1a365d;--max-width: 960px;--header-height: 3.5rem}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{font-size:1.125rem;font-weight:600;color:var(--color-text);text-decoration:none;white-space:nowrap}.site-logo:hover{color:var(--color-accent)}.nav-desktop{display:none;list-style:none;margin:0;padding:0;gap:.25rem}.nav-desktop a{display:block;padding:.5rem .75rem;color:var(--color-text);text-decoration:none;border-radius:4px;font-size:.9375rem}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:var(--color-accent);background:var(--color-bg)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;color:var(--color-text)}.nav-toggle:hover{background:var(--color-bg)}.nav-toggle-icon{display:block;width:1.125rem;height:2px;background:currentColor;position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:200}.nav-drawer{position:fixed;top:0;right:0;width:min(280px,85vw);height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);z-index:201;transform:translate(100%);transition:transform .2s ease;padding:1.25rem;overflow-y:auto}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.nav-drawer-title{font-weight:600;font-size:1rem}.nav-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;font-size:1.25rem;line-height:1;color:var(--color-text)}.nav-close:hover{background:var(--color-bg)}.nav-mobile{list-style:none;margin:0;padding:0}.nav-mobile li+li{border-top:1px solid var(--color-border)}.nav-mobile a{display:block;padding:.875rem 0;color:var(--color-text);text-decoration:none;font-size:1rem}.nav-mobile a:hover,.nav-mobile a[aria-current=page]{color:var(--color-accent)}body.nav-open{overflow:hidden}body.nav-open .nav-overlay{display:block}body.nav-open .nav-drawer{transform:translate(0)}main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:2rem 1.25rem 3rem}main h1{font-size:1.75rem;font-weight:600;line-height:1.3;margin:0 0 1rem}main h2{font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem}main p{margin:0 0 1rem;color:var(--color-text)}main p.lead{font-size:1.125rem;color:var(--color-text-muted)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:1.5rem 1.25rem;margin-top:auto}.footer-inner{max-width:var(--max-width);margin:0 auto;font-size:.875rem;color:var(--color-text-muted)}.footer-inner p{margin:0}.tool-list{list-style:none;margin:0;padding:0}.tool-list li{padding:1rem 0;border-bottom:1px solid var(--color-border)}.tool-list li:first-child{border-top:1px solid var(--color-border)}.tool-list h3{font-size:1rem;font-weight:600;margin:0 0 .25rem}.tool-list p{margin:0;font-size:.9375rem;color:var(--color-text-muted)}.tool-list p+p{margin-top:.75rem}.tool-list h3 a{color:var(--color-text);text-decoration:none}.tool-list h3 a:hover{color:var(--color-accent)}.beta-badge{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:3px;vertical-align:middle}.beta-note{display:inline-block;margin:0 0 1.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px}.link-actions{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.link-actions a.button{display:inline-block;padding:.5rem 1rem;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:4px;font-size:.9375rem;font-weight:500}.link-actions a.button:hover{background:var(--color-accent-hover);color:#fff}@media(min-width:640px){.nav-desktop{display:flex}.nav-toggle{display:none}main h1{font-size:2rem}}