body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#08262e;background:#fff;line-height:1.5}
header{padding:1.25em 1.5em}
main{max-width:36em;margin:0 auto;padding:1em 1em 3em}
a{color:inherit}
.logo{display:inline-flex;align-items:center;gap:.6em;font-weight:600;text-decoration:none}
.logo img{display:block;width:2.5em;height:2.5em;border:1px solid #ddd;border-radius:22%}
h1{font-size:1.4em;line-height:1.25;margin:0 0 .5em}
h2{font-size:1.1em;margin:2.25em 0 .5em}
h3{font-size:1em;margin:1.5em 0 .25em}
.todo,.done{background:#f4f4f4;border-left:4px solid #08262e;padding:.75em 1em;margin:1.5em 0}
.todo strong{display:block;margin-bottom:.25em}
.button{display:inline-block;font:inherit;font-weight:600;padding:.55em 1.1em;margin:0 .5em .5em 0;border:1px solid #08262e;border-radius:.5em;background:#08262e;color:#fff;text-decoration:none;cursor:pointer}
.button.alt{background:#fff;color:#08262e}
.hint{font-size:.9em;color:#4d7079;margin-top:0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
pre{background:#f4f4f4;padding:.75em 1em;overflow-x:auto}
pre code{word-break:normal}
details{margin:1.5em 0}
summary{cursor:pointer;font-weight:600}
.detail{font-size:.8em;color:#4d7079;margin-top:3em;border-top:1px solid #ddd;padding-top:1em}