body { background: #ffffff; color: #0b0b0b; font-family: 'Heebo', 'Arial Hebrew', Arial, sans-serif; font-weight: 300; margin: 0; }
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; line-height: 1.75; font-size: 17px; }
.top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 36px; direction: ltr; }
.top a { color: inherit; }
.logo { font-family: 'Geist', sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.5em; text-decoration: none; }
h1 { font-size: 38px; line-height: 1.2; margin: 0 0 6px; font-weight: 600; }
h2 { font-size: 20px; margin: 34px 0 6px; }
p, li { margin: 0 0 10px; }
.updated { color: rgba(11,11,11,.55); font-size: 14px; }
h2 { font-weight: 600; }
.todo { background: rgba(194, 52, 31, 0.1); outline: 1px dashed #c2341f; padding: 0 4px; }
a { color: #0b0b0b; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid #0b0b0b; outline-offset: 3px; }