:root { --accent: #38506b; --bg: #f2f5f7; --fg: #14181d; }
* { box-sizing: border-box; }
body { margin: 0; padding: 0; background: var(--bg); color: var(--fg);
       font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.65; }
.wrap { max-width: 752px; margin: 0 auto; padding: 3rem 1.25rem 4rem; }
header { border-bottom: 1px solid rgba(0,0,0,.12); padding-bottom: 1.25rem; margin-bottom: 2rem; }
h1 { font-size: 1.8rem; margin: 0 0 .35rem; letter-spacing: -.01em; }
h2 { font-size: 1.15rem; margin: 2rem 0 .6rem; }
.tag { color: var(--accent); font-size: .82rem; text-transform: uppercase; letter-spacing: .09em; }
nav a { color: var(--accent); margin-right: 1.1rem; text-decoration: none; }
nav a:hover { text-decoration: underline; }
p { margin: 0 0 1rem; }
ul { padding-left: 1.1rem; }
li { margin-bottom: .4rem; }
footer { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid rgba(0,0,0,.12);
         font-size: .85rem; opacity: .75; }