:root { color-scheme: light; }
body { font: 1.125rem/1.6 system-ui, sans-serif; color: #1f2933; background: #fbfaf7; max-width: 42rem; margin: 0 auto; padding: 1rem 1.25rem 3rem; }
.name { font-weight: 700; letter-spacing: .02em; margin: 0; }
h1 { font-size: 2rem; line-height: 1.2; margin-top: 2.5rem; }
h2 { font-size: 1.4rem; margin-top: 2.5rem; }
h3 { font-size: 1.1rem; margin: 0 0 .25rem; }
.lede { font-size: 1.25rem; }
.line { font-weight: 600; border-left: 4px solid #7a4e1d; padding-left: .75rem; }
a { color: #6b3f0f; }
.button { display: inline-block; padding: .6rem 1rem; background: #5b3a12; color: #fff; text-decoration: none; border-radius: 4px; }
.button:focus-visible, a:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 2px; }
.lanes { list-style: none; padding: 0; }
.lanes li { border-top: 1px solid #d6d2c8; padding: .75rem 0; }
.lanes p { margin: 0; }
.tag { font-size: .9rem; color: #4b5563; border: 1px solid #9ca3af; border-radius: 3px; padding: 0 .4rem; }
footer { margin-top: 3rem; border-top: 1px solid #d6d2c8; font-size: .95rem; color: #374151; }