:root {
  color-scheme: light;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  color: #26322c;
  background: #f8f9f5;
}
* { box-sizing: border-box; }
body { max-width: 48rem; margin: 0 auto; padding: 2rem 1.25rem; }
h1 { font-size: 2.5rem; letter-spacing: -.04em; margin: 0 0 .5rem; }
h2 { font-size: 1rem; margin: 2rem 0 .5rem; }
p { margin: .5rem 0 1rem; }
a { color: #305b43; text-underline-offset: .2em; }
pre { padding: 1rem; margin: 0; background: #edf1e9; border: 1px solid #d6ded4; border-radius: .25rem; white-space: pre-wrap; overflow-wrap: anywhere; }
code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .875rem; }
.install { display: flex; align-items: stretch; gap: .5rem; }
.install pre { flex: 1; min-width: 0; }
button { align-self: center; padding: .6rem .8rem; border: 1px solid #305b43; border-radius: .25rem; background: #305b43; color: white; cursor: pointer; font: inherit; }
a:focus-visible, button:focus-visible { outline: 2px solid #305b43; outline-offset: 3px; }
#copy-status { min-height: 1.5em; margin: .25rem 0; font-size: .875rem; }
.small { color: #59655d; font-size: .8rem; }
h2 + pre { margin-bottom: .75rem; }
.notice { border-left: 4px solid #b5541c; padding: .5rem .8rem; background: #fff4ec; }