:root{color-scheme:dark;--accent: #3b82f6;--accent-dark: #1d4ed8;--black: 248, 250, 252;--gray: 148, 163, 184;--gray-light: 71, 85, 105;--gray-dark: 226, 232, 240;--gray-gradient: rgba(17, 24, 39, 1), #020617;--box-shadow: 0 12px 40px rgba(2, 6, 23, .35);--text: #f8fafc;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .18);--input-border: rgba(96, 165, 250, .28);--surface-alt: rgba(30, 41, 59, .7);--surface-strong: rgba(15, 23, 42, .96);--header-bg: rgba(15, 23, 42, .96);--header-text: #f8fafc}html[data-theme=light]{color-scheme:light;--accent: #2563eb;--accent-dark: #1d4ed8;--black: 15, 23, 42;--gray: 71, 85, 105;--gray-light: 203, 213, 225;--gray-dark: 15, 23, 42;--gray-gradient: rgba(241, 245, 249, 1), #f8fafc;--box-shadow: 0 12px 32px rgba(148, 163, 184, .2);--text: #0f172a;--text-muted: #475569;--border: rgba(148, 163, 184, .25);--input-border: rgba(148, 163, 184, .5);--surface-alt: rgba(241, 245, 249, .96);--surface-strong: rgba(255, 255, 255, .98);--header-bg: #ffffff;--header-text: #0f172a}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:var(--text);font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text);line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark);text-decoration:underline}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%;border-collapse:collapse;margin:2em 0;border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow)}th,td{padding:.75em 1em;border:1px solid rgb(var(--gray-light))}th{background-color:rgb(var(--gray-light));color:rgb(var(--gray-dark));font-weight:700;text-align:left}tr:nth-child(2n){background-color:color-mix(in srgb,rgb(var(--gray-light)) 25%,transparent)}tr:hover{background-color:color-mix(in srgb,rgb(var(--gray-light)) 45%,transparent)}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}ul{list-style-type:disc;margin-left:1.5em;margin-bottom:2em}li{margin-bottom:.5em}em{font-style:italic}@media (max-width: 720px){body{font-size:18px}main{padding:1em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}:root{--container-wide: 1040px;--container-prose: 760px}body{font-size:18px;line-height:1.6}main{width:min(var(--container-prose),calc(100% - 2rem));max-width:100%;padding:2.2rem 0}.page-shell,.blog-shell,.tags-shell{width:min(var(--container-wide),calc(100% - 2rem));margin:0 auto}.site-header{padding:0 1rem;background:var(--surface-strong);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:60}.site-nav-shell{display:flex;align-items:center;gap:1rem;min-height:74px}.site-logo{font-weight:700;color:var(--text);text-decoration:none}.site-nav-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1}.site-nav{display:flex;align-items:center;gap:.2rem}.site-nav a,.site-dropdown summary{padding:.65rem .55rem;color:var(--text);text-decoration:none;border-bottom:2px solid transparent;list-style:none;display:inline-flex;align-items:center;gap:.35rem}.site-nav a.active,.site-dropdown summary.active,.site-dropdown-menu a.active{border-bottom-color:var(--accent)}.site-dropdown{position:relative}.site-dropdown summary::-webkit-details-marker{display:none}.site-dropdown-caret{font-size:.72rem;opacity:.8}.site-dropdown-menu{position:absolute;top:calc(100% + .2rem);left:0;display:none;min-width:240px;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;box-shadow:var(--box-shadow);z-index:20;padding:.2rem}.site-dropdown[open] .site-dropdown-menu{display:grid}.site-dropdown-menu a{border-bottom:0}.social-links,.header-social{display:flex;align-items:center;gap:.45rem}.social-links a,#site-theme-toggle,.social-icon-link,.theme-icon-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--input-border);background:var(--surface-alt);color:var(--text);text-decoration:none;position:relative;padding:0}.social-icon-glyph,.theme-toggle-icon{width:16px;height:16px;font-size:.95rem}.site-menu-toggle{display:none;margin-left:auto;min-height:38px;border-radius:10px;border:1px solid var(--input-border);background:var(--surface-alt);color:var(--text);padding:.45rem .75rem}.footer-shell{margin-top:2rem;padding:1.6rem 1rem 2.4rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 86%,transparent)}.footer-inner{width:min(var(--container-wide),calc(100% - 2rem));margin:0 auto;display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--text-muted);font-size:.95rem}.blog-heading{margin-bottom:1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem;list-style:none;padding:0;margin:0}.post-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-alt)}.post-card a{display:block;padding:.75rem;color:inherit;text-decoration:none}.post-card h2,.post-card h3{font-size:1.15rem;margin:0 0 .35rem}.post-card .post-date{margin:0;color:var(--text-muted);font-size:.9rem}@media (max-width: 900px){.site-menu-toggle{display:inline-flex}.site-nav-panel{position:absolute;left:0;right:0;top:74px;background:var(--surface-strong);border-bottom:1px solid var(--border);padding:.6rem 1rem 1rem;display:none;flex-direction:column;align-items:stretch}.site-nav-panel.is-open{display:flex}.site-nav{flex-direction:column;align-items:flex-start}.site-dropdown-menu{position:static;margin-top:.35rem}.social-links,.header-social{justify-content:flex-start}.footer-inner{flex-direction:column;align-items:flex-start}}