:root{--ink:#172126;--muted:#5e6c73;--paper:#fbfaf6;--panel:#f0eee6;--line:#d5d2c7;--accent:#116466;--accent-strong:#0b4d4f;--wide:78rem;--read:50rem}*{box-sizing:border-box}html{min-width:300px;scroll-behavior:smooth}body{min-width:300px;min-height:100vh;margin:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif}.shell{width:min(calc(100% - 2rem),var(--wide));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;padding:.6rem;z-index:3;background:#fff}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:#fff;transition:box-shadow .2s ease}.header-inner{max-width:950px;min-height:4.25rem;padding-block:0;display:flex;gap:1.25rem;align-items:center;justify-content:space-between;transition:min-height .2s ease,padding .2s ease}.brand{color:var(--ink);font-size:1.08rem;font-weight:750;text-decoration:none;transition:font-size .2s ease}.menu-toggle{display:none}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.92rem;transition:gap .2s ease,font-size .2s ease}.site-header nav a{color:var(--accent);font-size:inherit;text-decoration:none}.site-header nav a.is-active{padding:.16rem .48rem;border-radius:.3rem;background:var(--accent-strong);color:#fff;text-decoration:none}.site-header.is-compact{box-shadow:0 .15rem .55rem rgb(23 33 38/.1)}.site-header.is-compact .header-inner{min-height:1rem;padding-block:0}.site-header.is-compact .brand{font-size:1rem}.site-header.is-compact nav{gap:.8rem;font-size:.86rem}main{flex:1 0 auto;padding-block:2.5rem 4rem}main.shell{max-width:950px}.page{max-width:var(--read)}.page-list{max-width:64rem}.crumbs{margin-bottom:1.5rem;color:var(--muted);font-size:.86rem}h1,h2,h3{line-height:1.2}h1{font-size:2.5rem;letter-spacing:-.035em}.dek{color:var(--muted);font-size:1.15rem}a{color:var(--accent);text-underline-offset:.15em}.content img{max-width:100%}.content pre{overflow:auto;padding:1rem;border-radius:.35rem;background:#202b31;color:#f7f4ec}.content code{overflow-wrap:anywhere}.metadata{margin:1.25rem 0;padding:.65rem .8rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem;border:1px solid #e2e0d8;background:#f5f4ef;color:var(--muted);font-size:.82rem;line-height:1.45}.metadata div{display:grid;grid-template-columns:auto auto;gap:.35rem}.metadata dt{color:#66747a;font-weight:650}.metadata dd{margin:0;color:#526067}.page-grid{padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.65rem;list-style:none}.page-grid li{border:0;background:#f5f4ef}.page-grid a{height:100%;padding:.8rem;display:block;color:var(--accent);text-decoration:none;transition:background-color .15s ease,color .15s ease}.page-grid a:hover,.page-grid a:focus-visible{background:#dfe9e5;color:var(--accent-strong)}.page-grid strong{font-weight:650}.page-grid span{display:block;color:var(--muted);font-size:.9rem}.site-footer{position:sticky;bottom:0;z-index:90;flex:none;min-height:calc(1.3904rem + 2px);height:auto;padding:0;border-top:2px solid var(--accent);background:var(--panel);box-shadow:0 -.15rem .55rem rgb(23 33 38/.1);color:var(--ink);font-size:.88rem;line-height:1.58}.site-footer .shell{max-width:950px;min-height:1.3904rem;height:auto;display:flex;align-items:center}@media(max-width:30rem){.header-inner{padding-block:.75rem;align-items:flex-start;flex-direction:column}.site-header nav{gap:.55rem 1rem}.site-header.is-compact .header-inner{gap:.35rem;padding-block:.45rem}.site-footer{min-height:calc(1.0125rem + 2px);font-size:.75rem;line-height:1.35}.site-footer .shell{min-height:1.0125rem}}@media(max-width:749px){.header-inner,.site-header.is-compact .header-inner{min-height:0;padding-block:0;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.4rem 1rem}.brand,.site-header.is-compact .brand{min-width:0;flex:auto;font-size:.85rem;line-height:1}.menu-toggle{width:2rem;height:2rem;padding:.3rem;align-items:center;justify-content:center;flex:none;border:0;border-radius:.3rem;background:0 0;color:var(--accent-strong);cursor:pointer}.menu-toggle:hover,.menu-toggle:focus-visible{background:#dfe9e5}.menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-toggle-icon{width:1.35rem;display:grid;gap:.27rem}.menu-toggle-icon span{height:2px;display:block;border-radius:999px;background:currentColor;transform-origin:center;transition:opacity .15s ease,transform .15s ease}.site-header.menu-enabled .menu-toggle{display:inline-flex}.site-header.menu-enabled nav{width:100%;padding:.25rem 0 .1rem;display:none;flex:1 0 100%;flex-direction:column;gap:.05rem;border-top:1px solid var(--line);font-size:.82rem;line-height:1.2}.site-header.menu-enabled.menu-open nav{display:flex}.site-header.menu-enabled nav a,.site-header.menu-enabled nav a.is-active{padding:.25rem .45rem;border-radius:.3rem}.site-header.menu-enabled nav a:hover,.site-header.menu-enabled nav a:focus-visible{background:#dfe9e5;color:var(--accent-strong)}.site-header.menu-open .menu-toggle-icon span:nth-child(1){transform:translateY(.34rem)rotate(45deg)}.site-header.menu-open .menu-toggle-icon span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle-icon span:nth-child(3){transform:translateY(-.34rem)rotate(-45deg)}}@media(prefers-reduced-motion:reduce){.site-header,.header-inner,.brand,.menu-toggle-icon span,.site-header nav,.site-header nav a,.page-grid a{transition:none}}