.blog{--blog-bg: var(--page-bg, #f7f5f0);--blog-ink: #1a1a18;--blog-ink-muted: #5c5a55;--blog-accent: #2a4d7a;--blog-measure: 42rem;min-height:100vh;background-color:var(--blog-bg);color:var(--blog-ink);font-family:Georgia,Times New Roman,Times,serif;line-height:1.6}.blog-article{max-width:var(--blog-measure);margin:0 auto;padding:3rem 1.5rem 4rem}.blog-poster{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #d8d4cb}.blog-poster h1{margin:0 0 1.25rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(2.5rem,6vw,3.75rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--blog-ink)}.blog-opening{margin:0;font-size:1.25rem;line-height:1.55;color:var(--blog-ink);max-width:38rem}.blog-body{font-size:.95rem;color:var(--blog-ink-muted)}.blog-section+.blog-section{margin-top:2rem}.blog-section h2{margin:0 0 .75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blog-ink-muted)}.blog-section p{margin:0 0 .85rem}.blog-section p:last-child{margin-bottom:0}.blog-links{margin:.75rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.blog-links a{color:var(--blog-accent);text-decoration:underline;text-underline-offset:.15em}.blog-links a:hover{color:#1a3354}.blog-links a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.blog-links a{transition:none}}.blog-layer{position:relative;z-index:1;opacity:1;background-color:#f7f5f0}.blog-layer--inert{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.canvas-layer{position:fixed;inset:0;z-index:0}.canvas-layer--active{z-index:2}.reset-indicator{position:fixed;left:50%;bottom:40px;transform:translate(-50%);width:220px;height:14px;padding:2px;box-sizing:border-box;border:1px solid #2b2b2b;border-radius:7px;background-color:#f7f5f0;z-index:3;pointer-events:none}.reset-indicator__fill{height:100%;min-width:0;background-color:#2b2b2b;border-radius:4px}.reset-indicator__fill--flash{background-color:#c2410c}*,*:before,*:after{box-sizing:border-box}:root{--page-bg: #f7f5f0}html,body,#root{margin:0;min-height:100%;background-color:var(--page-bg)}#root{min-height:100vh}canvas{display:block;background-color:var(--page-bg)}