:root{--fg:#1a1a1a;--muted:#4a4a4a;--bg:#fdfcfa;--rule:#d6d2c9;--link:#0b4a8f;--warn-bg:#fff4d6;--warn-border:#8a6100}*,:before,:after{box-sizing:border-box}html{font-size:100%}body{color:var(--fg);background:var(--bg);margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.6}a{color:var(--link);text-underline-offset:.15em}a:focus-visible{outline:3px solid var(--link);outline-offset:2px}.skip{background:var(--bg);padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{z-index:10;left:0}.site-header,.site-footer,main{max-width:44rem;margin:0 auto;padding:1rem}.site-header{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.brand{color:var(--fg);font-size:1.4rem;font-weight:700;text-decoration:none}nav ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-footer{border-top:1px solid var(--rule);color:var(--muted);margin-top:3rem;font-size:.95rem}h1{margin:1rem 0;font-size:2rem;line-height:1.2}h2{margin-top:2.25rem;font-size:1.4rem;line-height:1.3}h3{margin-top:1.5rem;font-size:1.15rem}.lede{color:var(--muted);font-size:1.2rem}.meta{color:var(--muted);font-size:.95rem}.figure{margin:1.5rem 0}.figure img{border:1px solid var(--rule);width:100%;height:auto;display:block}.figure figcaption{color:var(--muted);margin-top:.4rem;font-size:.9rem}.banner,.todo{background:var(--warn-bg);border-left:4px solid var(--warn-border);margin:1rem 0;padding:.6rem .9rem}.todo{font-size:.95rem}blockquote{border-left:4px solid var(--rule);margin:1.5rem 0;padding-left:1rem;font-size:1.15rem}