/* Self-hosted fonts (same families/weights the design loads from Google Fonts). */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-tight-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-tight-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-tight-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-800-normal.woff2) format('woff2')}

/* From the design's <helmet> block. */
body{margin:0;background:#0B0D10}
a{color:#34C759}a:hover{color:#5EDB7E}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}

button:focus-visible,a:focus-visible{outline:2px solid #34C759;outline-offset:2px}

/* Smooth scrolling for in-page menu links (off for people who ask for less motion). */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Short pages (thanks, failed, 404): footer at the bottom of the screen. */
.page{display:flex;flex-direction:column}
.page>main{width:100%;box-sizing:border-box}

/* Footer on every page: "Terms · Privacy" only. */
.site-footer{margin-top:auto;border-top:1px solid #1E232A;padding:24px 16px;text-align:center;color:#6B7584;font-size:14px}
.site-footer a{color:#9AA3AF;text-decoration:none}
.site-footer a:hover{color:#F2F4F7;text-decoration:underline}