*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
form{margin:0}
.shell{width:min(var(--content-max),calc(100% - 48px));margin-inline:auto}
.inline{display:inline}
.skip-link{position:fixed;left:12px;top:-60px;z-index:999;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}
.skip-link:focus{top:12px}
*:focus-visible{outline:3px solid rgba(31,89,69,.25);outline-offset:2px}
code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-soft);padding:2px 5px;border-radius:var(--radius-sm)}