:root{--color-background:#f6f5f1;--color-surface:#fffdfa;--color-text:#202722;--color-text-muted:#58635c;--color-accent:#145c46;--color-accent-strong:#0c4333;--color-border:#cbd2cc;--color-focus:#d97706;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:clamp(1.125rem, 1rem + .4vw, 1.375rem);--font-size-xl:clamp(1.75rem, 1.25rem + 2vw, 3rem);--line-height-body:1.65;--line-height-heading:1.15;--width-container:72rem;--width-reading:68ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sm:.25rem;--radius-md:.625rem;--radius-pill:999px;--focus-ring:3px solid var(--color-focus);--focus-offset:3px}*,:before,:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{background:var(--color-background);min-block-size:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-body);text-rendering:optimizelegibility;flex-direction:column;margin:0;display:flex}main{padding-block:var(--space-8);flex:1}h1,h2,h3,h4{max-inline-size:var(--width-reading);margin-block:0 var(--space-4);font-family:var(--font-display);line-height:var(--line-height-heading);text-wrap:balance}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}p{max-inline-size:var(--width-reading);margin-block:0 var(--space-4)}a{color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--color-accent-strong)}img,picture,svg{max-inline-size:100%;display:block}button,input,select,textarea{font:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.container{width:min(calc(100% - (2 * var(--space-5))), var(--width-container));margin-inline:auto}.content-entry :where(ul,ol,blockquote){max-inline-size:var(--width-reading)}.content-entry blockquote{border-inline-start:.25rem solid var(--color-border);color:var(--color-text-muted);margin-inline:0;padding-inline-start:var(--space-4)}.card-list{max-inline-size:var(--width-reading);margin-block:var(--space-7) 0;gap:var(--space-4);padding:0;list-style:none;display:grid}.card-list__item{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.card-list__item h2{margin-block-end:var(--space-2)}.card-list__item p:last-child{margin-block-end:0}.card-list__metadata{color:var(--color-text-muted);font-size:var(--font-size-sm)}.skip-link{z-index:100;padding:var(--space-2) var(--space-4);transform:translateY(calc(-100% - var(--space-6)));border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);font-weight:700;transition:transform .16s;position:fixed;inset-block-start:var(--space-4);inset-inline-start:var(--space-4)}.skip-link:focus{color:var(--color-surface);transform:translateY(0)}.site-header{border-block-end:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);min-block-size:4.5rem;padding-block:var(--space-3);display:flex}.site-brand{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;text-decoration:none}.site-nav ul{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{padding-block:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:650;text-decoration:none;display:inline-block}.site-nav a:hover{color:var(--color-accent-strong);text-decoration:underline}.site-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.site-footer__inner{padding-block:var(--space-5)}.site-footer p{font-size:var(--font-size-sm);margin:0}@media (width<=48rem){.site-header__inner{padding-block:var(--space-4);flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
