body { margin: 0; color: #202122; background: #fff; font: 1rem/1.65 system-ui, sans-serif; }
header, main { padding: 1rem clamp(1rem, 5vw, 4rem); }
header { display: flex; flex-wrap: wrap; gap: 1rem; align-items: baseline; border-bottom: 1px solid #dadde1; }
header a:first-child { font-weight: 700; }
header span { color: #54595d; }
main { max-width: 66rem; margin-inline: auto; }
h1, h2, h3 { font-family: Georgia, serif; line-height: 1.2; }
a { color: #2455a4; }
img { max-width: 100%; height: auto; }
table { border-collapse: collapse; }
td, th { padding: .4rem .6rem; border: 1px solid #dadde1; }
pre { overflow: auto; }
details { margin-block: 2rem; }
summary { cursor: pointer; }