:root{color-scheme:light;--pine:#214a3b;--manila:#ecdcae;--rule:#b39d63;--line:#d6dacb;--ink:#22372c;--stamp:#37337f;--red:#a81f18;--paper:#f5f5ed;--muted:#55665c;--serif:ui-serif,"New York",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
@font-face{font-family:Doto;src:url(/assets/doto-900.woff2) format("woff2");font-weight:900;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sans)}
a{color:var(--pine);text-underline-offset:4px}
a:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:2px}
h1,h2{font-family:var(--serif);font-weight:500;margin:0;color:var(--ink);text-wrap:balance}

.top{background:var(--pine);color:var(--paper);padding:0 clamp(20px,4vw,56px)}
.bar{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;flex-wrap:wrap}
.bar a{color:inherit}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none}
.brand img{border-radius:8px;outline:1px solid rgba(245,245,237,.25)}
.bar nav{display:flex;gap:22px;font-size:16px}
.bar nav a{text-decoration:none;padding:10px 0}
.bar nav a:hover,.bar nav a[aria-current]{text-decoration:underline}

.page{max-width:calc(720px + 2*clamp(20px,4vw,56px));margin:auto;padding:clamp(40px,6vw,80px) clamp(20px,4vw,56px) 0}
.page h1{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-.02em}
.intro{margin:18px 0 0;font-size:20px;line-height:1.5;max-width:32em}

.posts{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0}
.posts li{padding:26px 0;border-top:1px solid var(--line)}
.posts h2{font-size:clamp(25px,3vw,32px);line-height:1.18;letter-spacing:-.01em}
.posts h2 a{color:inherit;text-decoration:none}
.posts h2 a:hover{text-decoration:underline}
.posts p{margin:10px 0 0;max-width:36em}
.posts time{display:block;margin-top:10px;font-size:15px;color:var(--muted)}
.empty{margin-top:32px}

.back{margin:0 0 28px;font-size:16px}
.date{margin:16px 0 0;font-size:16px;color:var(--muted)}
.body{margin-top:clamp(28px,4vw,44px);font-size:19px;line-height:1.68}
.body p{margin:0 0 1.1em}
.body h2{font-size:clamp(27px,3vw,33px);line-height:1.2;letter-spacing:-.01em;margin:1.7em 0 .55em}
.body ul{margin:0 0 1.1em;padding-left:1.15em}
.body li{margin-bottom:.55em}
.body .small{font-size:15.5px;line-height:1.5;color:var(--muted)}
.sources li{font-size:17px}

.week{background:var(--manila);border-radius:4px;padding:clamp(14px,3vw,24px);margin:1.5em 0 .9em}
.week table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.3}
.week caption{text-align:left;font:500 20px/1.25 var(--serif);padding-bottom:10px}
.week th,.week td{text-align:left;padding:10px 8px 10px 0;border-top:1px solid var(--rule);font-weight:400}
.week thead th{border-top:2px solid var(--ink);font-size:13px;font-weight:600;vertical-align:bottom}
.week tbody th{font-weight:600}
.week td{font:900 clamp(16px,2.6vw,21px)/1 Doto,ui-monospace,Menlo,monospace;word-spacing:-.3em;color:var(--stamp);white-space:nowrap}
.week td.more{color:var(--red)}
.week td.none{color:#7c7355}
.week th:last-child,.week td:last-child{padding-right:0}

.foot{max-width:calc(1240px + 2*clamp(20px,4vw,56px));margin:clamp(56px,7vw,96px) auto 0;padding:24px clamp(20px,4vw,56px) 40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.foot a{color:inherit}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px}

@media (max-width:430px){
  .bar nav{gap:15px}
  .week th,.week td{padding-right:6px}
  .week thead th{font-size:12px}
  .week tbody th{font-size:14px}
}