:root{--fg:#1b1f24;--muted:#5b6470;--bg:#ffffff;--accent:#2f6f4f;--line:#e3e6ea}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg);line-height:1.6}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:0 0 6px 0;z-index:10}
.skip-link:focus{left:0}
.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:1.15rem;color:var(--accent);text-decoration:none}
.nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.navlink{color:var(--muted);text-decoration:none;font-size:.95rem}
.navlink:hover{color:var(--accent)}
.content{max-width:46rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}
.content h1{font-size:2.1rem;line-height:1.2;margin-top:1rem}
.content h2{font-size:1.4rem;margin-top:2rem}
.content h3{font-size:1.1rem;margin-top:1.5rem}
.content a{color:var(--accent)}
.content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
.content blockquote{border-left:3px solid var(--accent);margin:1rem 0;padding:.25rem 1rem;color:var(--muted);background:#f7faf8}
.table-wrap{overflow-x:auto;margin:1rem 0}
.content table{border-collapse:collapse;width:100%;font-size:.95rem}
.content th,.content td{border:1px solid var(--line);padding:.5rem .65rem;text-align:left;vertical-align:top}
.content hr{border:none;border-top:1px solid var(--line);margin:2rem 0}
.site-footer{border-top:1px solid var(--line);padding:1.5rem 1.25rem;max-width:46rem;margin:2rem auto 0;color:var(--muted);font-size:.9rem}
.site-footer a{color:var(--muted)}
.site-footer p{margin:.3rem 0}
.muted{color:var(--muted)}