:root { color-scheme: dark; font: 16px/1.65 system-ui, sans-serif; background: #171c17; color: #e6e9df; }
body { margin: 0; } main { max-width: 960px; margin: auto; padding: 2rem 1.2rem 5rem; }
a { color: #c2d29f; text-underline-offset: .2em; } h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.15; max-width: 760px; } h2 { line-height: 1.3; }
.eyebrow { letter-spacing: .14em; font-size: .75rem; color: #bcc5ae; margin-top: 2rem; }
nav { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; padding: 1rem 0; }
section { padding: 1.5rem 0; border-bottom: 1px solid #414b3b; scroll-margin-top: 1rem; }
pre { overflow: auto; padding: 1rem; background: #0e130f; border: 1px solid #414b3b; border-radius: .3rem; font-size: .82rem; }
.actions { display: flex; align-items: center; gap: 1rem; } button { font: inherit; padding: .55rem 1rem; border: 1px solid #82916c; border-radius: .25rem; background: #293224; color: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid #d2e3a5; outline-offset: 4px; }
li { margin-bottom: .7rem; } p, li { overflow-wrap: anywhere; } #copy-status { min-height: 1.65em; }