:root{--paper:#eeece4;--ink:#18241f;--muted:#69726b;--line:#c7cbc0;--red:#be4d35}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Serif SC',serif}
header{width:min(980px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);color:var(--muted);font:11px 'DM Mono',monospace}
header a{color:var(--ink);text-decoration:none}
main{width:min(670px,calc(100% - 48px));margin:0 auto;padding:100px 0}
.meta{font:11px 'DM Mono',monospace;color:var(--red);letter-spacing:.08em}
h1{font-size:clamp(45px,8vw,88px);line-height:1.05;letter-spacing:-.075em;margin:16px 0 25px}
.dek{font-size:17px;line-height:1.8;color:var(--muted);padding-bottom:53px;border-bottom:1px solid var(--line)}
article{font-size:18px;line-height:2.05;padding-top:35px}
article p{margin:0 0 1.45em}
.end{padding-top:22px;text-align:center;color:var(--muted);font:11px 'DM Mono',monospace}
.back{display:inline-block;margin-top:50px;color:var(--ink);font:12px 'DM Mono',monospace;text-underline-offset:5px}
@media(max-width:650px){header{width:calc(100% - 32px)}
header span{display:none}
main{width:calc(100% - 32px);padding:70px 0}
article{font-size:17px}
}