*{box-sizing:border-box}
body{margin:0 auto;max-width:760px;padding:32px 16px;background:#f6f1e7;color:#2e2a24;font-family:Georgia, 'Times New Roman', serif;line-height:1.6}
h1{font-size:2rem;margin:0 0 8px}
h2{font-size:1.25rem;margin:28px 0 6px;color:#7a8b3c}
a{color:#7a8b3c}
.lead{font-size:1.1rem;opacity:.85}
footer{margin-top:48px;font-size:.9rem;opacity:.6}
table{border-collapse:collapse;width:100%;margin:16px 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(127,127,127,.25)}
time{font-size:.85rem;opacity:.6}
article{margin-bottom:24px}
nav a{text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.ph{aspect-ratio:4/3;border-radius:6px}
figure{margin:0}figcaption{font-size:.85rem;opacity:.7;margin-top:6px}
.note{font-size:.9rem;opacity:.75}