:root{font-family:Helvetica,Arial,sans-serif;line-height:1.6;color:#111;background-color:#fafafa;max-width:700px;margin:0 auto;padding:2rem 1rem}*{box-sizing:border-box}body{margin:0}a{color:#111;text-decoration:none}a:hover{text-decoration:underline}h1,h2{font-weight:400;margin-top:1rem;margin-bottom:1rem}h3,h4,h5,h6{font-weight:400;margin-top:.5rem;margin-bottom:.5rem}ul{list-style:none;padding:0}li{margin-bottom:.5rem}.nav-header{margin-bottom:2rem;display:flex;justify-content:flex-start;gap:1.5rem}.nav-header a{color:#555;font-size:1rem}.nav-header a.active{color:#000;font-weight:400;text-decoration:underline}.note-list{display:flex;flex-direction:column;width:fit-content;max-width:100%}.date{color:#666;font-size:.9rem;flex-shrink:0}.note-item{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:1rem}.content{min-height:50vh}