:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #0d1117; color: #e6edf3; line-height: 1.6; }
body { max-width: 1050px; margin: 0 auto; padding: 40px 24px 64px; }
a { color: #79c0ff; }
h1 { font-size: clamp(2rem, 5vw, 3.3rem); line-height: 1.15; letter-spacing: -.04em; }
h2 { margin-top: 36px; }
.eyebrow { color: #7ee787; font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; }
.muted { color: #a1acb9; }
.notice { border-left: 3px solid #d29922; background: #201d16; padding: 14px 20px; border-radius: 4px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin: 28px 0; }
.card, article { border: 1px solid #30363d; border-radius: 12px; padding: 24px; background: #161b22; }
.card h2 { margin-top: 0; font-size: 1.2rem; }
.tag { color: #a5d6ff; font-size: .8rem; }
code, pre { font-family: ui-monospace, Consolas, monospace; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #0d1117; padding: 18px; border: 1px solid #30363d; border-radius: 8px; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: 12px; border-bottom: 1px solid #30363d; text-align: left; vertical-align: top; }
.table-scroll { overflow-x: auto; }
footer { margin-top: 42px; font-size: .85rem; color: #a1acb9; border-top: 1px solid #30363d; padding-top: 18px; }
summary { cursor: pointer; font-weight: 600; }