/* hand-written, no framework. 2022. */
body { margin:0 auto; max-width:760px; padding:16px; background:#fff; color:#000; font:15px/1.5 "IBM Plex Mono", "DejaVu Sans Mono", Consolas, monospace; }
a { color:#00e; } a:visited { color:#551a8b; }
h1 { font-size:34px; line-height:1; margin:10px 0 4px; text-transform:uppercase; letter-spacing:-1px; }
h1 a { color:#000; text-decoration:none; }
.tag { margin:0 0 8px; }
nav { border-block:2px solid #000; padding:4px 0; margin:0 0 16px; }
nav a { margin-right:14px; }
table { border-collapse:collapse; width:100%; }
td { border:1px solid #000; padding:4px 6px; vertical-align:top; }
td.d { width:110px; white-space:nowrap; }
mark { background:#fff200; }
pre { background:#f2f2f2; border:1px solid #000; padding:8px; overflow-x:auto; }
h2 { font-size:22px; margin:18px 0 2px; }
.date { margin:0 0 12px; }
.photo img { max-width:100%; height:auto; border:1px solid #000; filter:grayscale(.3); } .photo span { display:block; font-size:12px; }
hr { border:0; border-top:2px solid #000; }
.navigation { display:flex; justify-content:space-between; margin:14px 0; }
footer { margin-top:24px; font-size:12px; border-top:2px solid #000; padding-top:6px; }
footer .kb { background:#000; color:#fff; padding:0 4px; }