
:root{--paper:#F7F2E8;--paper-2:#FFFDF8;--paper-3:#EFE7D8;--ink:#1A1714;--ink-2:#443C33;--ink-3:#6B6055;
--rule:#DACFBB;--red:#A32126;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--paper:#14120F;--paper-2:#1C1916;--paper-3:#241F1A;--ink:#F2EADC;
--ink-2:#D6CBBA;--ink-3:#A29685;--rule:#38312A;--red:#E4595C;color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);overflow-x:clip;
-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block;border-radius:8px;margin:18px 0}
a{color:var(--red)}
.wrap{max-width:820px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.wide{max-width:1120px}
header.a{border-bottom:1px solid var(--rule);background:var(--paper-2);position:sticky;top:0;z-index:10;
backdrop-filter:blur(10px)}
header.a .wrap{display:flex;align-items:center;gap:14px;min-height:62px;flex-wrap:wrap}
.mark{width:36px;height:36px;border-radius:9px;background:var(--red);color:#FFF7EC;display:grid;
place-items:center;font-family:var(--serif);font-size:20px;font-weight:700;flex:0 0 auto;text-decoration:none}
header.a strong{font-family:var(--serif);font-size:16px;font-weight:600}
header.a nav{margin-left:auto;display:flex;gap:16px;font-size:14.5px}
header.a nav a{text-decoration:none;color:var(--ink-2)}
header.a nav a:hover{color:var(--red)}
h1{font-family:var(--serif);font-size:clamp(27px,4.4vw,42px);line-height:1.14;letter-spacing:-.022em;
margin:0 0 12px;text-wrap:balance}
h2{font-family:var(--serif);letter-spacing:-.015em}
.meta{font-size:14px;color:var(--ink-3);margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
article{padding:clamp(34px,6vw,60px) 0 60px}
article p{margin:0 0 1.1em}
.postnav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rule);
padding:22px 0 60px;font-size:14.5px}
.postnav a{text-decoration:none}
.embed{border:1px solid var(--rule);border-left:3px solid var(--red);background:var(--paper-3);
padding:13px 16px;border-radius:8px;font-size:14.5px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:26px 0 20px;position:sticky;top:62px;
background:var(--paper);padding:14px 0;z-index:5;border-bottom:1px solid var(--rule)}
.search{flex:1 1 280px;display:flex;align-items:center;gap:9px;background:var(--paper-2);
border:1px solid var(--rule);border-radius:999px;padding:10px 17px}
.search input{border:0;background:transparent;font:inherit;font-size:15.5px;color:var(--ink);width:100%;outline:none}
select{font:inherit;font-size:14.5px;padding:9px 13px;border-radius:999px;border:1px solid var(--rule);
background:var(--paper-2);color:var(--ink)}
.count{font-size:14px;color:var(--ink-3);white-space:nowrap}
ol.list{list-style:none;padding:0;margin:0}
ol.list li{border-bottom:1px solid var(--rule)}
ol.list a{display:grid;grid-template-columns:112px 1fr;gap:20px;padding:15px 6px;text-decoration:none;
color:inherit;align-items:start}
ol.list a:hover{background:var(--paper-3)}
ol.list time{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
ol.list .t{font-family:var(--serif);font-size:18px;line-height:1.3;letter-spacing:-.01em}
ol.list .entry{display:grid;gap:5px}
ol.list .excerpt{font-size:14px;line-height:1.45;color:var(--ink-3);font-family:var(--sans)}
ol.list .topics{font-size:12px;line-height:1.4;color:var(--red);font-family:var(--sans)}
ol.list a:hover .t{color:var(--red)}
@media (max-width:600px){ol.list a{grid-template-columns:1fr;gap:4px}}
.more{display:block;width:100%;margin:26px 0 60px;padding:14px;border-radius:999px;border:1px solid var(--rule);
background:var(--paper-2);color:var(--ink);font:600 15px var(--sans);cursor:pointer}
.more:hover{border-color:var(--red);color:var(--red)}
.hint{font-size:14px;color:var(--ink-3);margin:0 0 6px}
footer.a{border-top:1px solid var(--rule);padding:26px 0;font-size:13.5px;color:var(--ink-3);background:var(--paper-2)}
:focus-visible{outline:3px solid #2F5A6B;outline-offset:0}
