html { background: #ffffff; }
body { margin: 0; color: #222222; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.7; }
a { color: #1a5fb4; }
.layout { display: flex; flex-wrap: wrap; gap: 3rem; max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 1rem; }
main { flex: 1 1 32rem; min-width: 0; }
aside { flex: 0 1 14rem; font-size: .92em; color: #777777; border-left: 1px solid #e5e5e5; padding-left: 1.5rem; }
aside h3 a { color: #222222; text-decoration: none; }
aside ul { padding-left: 1.1em; }
.entry { margin-bottom: 3rem; }
.entry h1, .entry h2 { line-height: 1.3; margin-bottom: .2rem; }
.entry h2 a { color: #222222; text-decoration: none; }
.date { color: #777777; font-size: .88em; margin-top: 0; }
.more { font-size: .92em; }
footer { max-width: 720px; margin: 0 auto; padding: 1.5rem; color: #777777; font-size: .8em; }