:root{--ink:#111;--mut:#777;--bg:#fafaf8;--line:#e2e2de}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}a:hover{border-color:var(--ink)}
img{display:block;width:100%;height:auto}
.w{max-width:1040px;margin:0 auto;padding:0 20px}
header .w{display:flex;justify-content:space-between;align-items:baseline;padding-top:34px;padding-bottom:34px;gap:16px;flex-wrap:wrap}
.name{font-size:15px;letter-spacing:.02em;border:0}
nav a{border:0;margin-left:22px;color:var(--mut)}nav a.on,nav a:hover{color:var(--ink)}
.cross{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px auto 0;max-width:900px}
.cross a{border:0}.cross .n{grid-column:2;grid-row:1}.cross .w_{grid-column:1;grid-row:2}.cross .c{grid-column:2;grid-row:2}.cross .e{grid-column:3;grid-row:2}.cross .s{grid-column:2;grid-row:3}
.caption{max-width:900px;margin:22px auto 0;display:flex;justify-content:space-between;color:var(--mut);font-size:13px;gap:12px;flex-wrap:wrap}
main{min-height:60vh}
h1{font-size:15px;font-weight:normal;margin:0 0 30px;color:var(--mut)}
h2{font-size:20px;font-weight:normal;margin:0 0 6px}
.text{max-width:560px}
.text p{margin:0 0 16px}
.post{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line)}
.post time,.mut{color:var(--mut);font-size:13px}
.list{list-style:none;padding:0;margin:0 0 30px}.list li{display:flex;gap:20px;padding:6px 0;border-bottom:1px solid var(--line)}.list li span:first-child{color:var(--mut);min-width:60px}
.series{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.full{margin:0 0 10px}
dl{display:grid;grid-template-columns:120px 1fr;gap:8px 20px;margin:0}dt{color:var(--mut)}dd{margin:0}
footer .w{padding-top:70px;padding-bottom:34px;color:var(--mut);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:700px){nav a{margin:0 16px 0 0}.post{grid-template-columns:1fr}.series{grid-template-columns:1fr 1fr}.cross{gap:6px}dl{grid-template-columns:1fr}dt{margin-top:8px}}