:root { color-scheme: light; --ink:#142226; --paper:#e7efe8; --line:#244048; --mark:#0e6b62; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.5 "Iowan Old Style", Palatino, Georgia, serif; }
.top { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; padding:22px 28px 14px; border-bottom:2px solid var(--line); }
.top a.home { color:inherit; text-decoration:none; font-variant:small-caps; letter-spacing:.14em; font-size:15px; }
.top nav { display:flex; gap:18px; }
.top nav a { color:var(--line); text-decoration:none; border-bottom:1px solid transparent; }
.top nav a.on, .top nav a:hover { color:var(--mark); border-bottom-color:var(--mark); }
.log { width:min(980px, calc(100% - 36px)); margin:18px auto 40px; }
.row { display:grid; grid-template-columns:92px 1fr 180px; gap:18px; padding:18px 0; border-bottom:1px solid #b7c9c2; }
.when { font-family:ui-monospace, "SF Mono", Menlo, monospace; font-size:13px; color:var(--mark); padding-top:6px; }
h1 { font-size:34px; line-height:1.15; margin:0 0 8px; font-weight:600; }
h2 { font-size:22px; margin:0 0 8px; }
p { margin:0 0 10px; }
.fig { margin:0; }
.fig svg { width:100%; height:auto; display:block; background:#14343a; }
.fig figcaption { font-size:13px; color:#3d5552; margin-top:6px; }
.note { font-size:15px; }
footer { width:min(980px, calc(100% - 36px)); margin:0 auto 28px; font-size:14px; color:#3d5552; }
@media (max-width:720px) {
  .row { grid-template-columns:1fr; }
  .top { flex-direction:column; align-items:flex-start; }
}