:root{--rule:#221c1217}.kicker{margin:14px 0 0}.masthead{justify-content:space-between;align-items:flex-end;gap:14px;margin:8px 0 4px;display:flex}.masthead h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(34px,9vw,48px);font-weight:800;line-height:1}.masthead .scribble{font-family:var(--font-hand);color:var(--accent);white-space:nowrap;margin-bottom:6px;font-size:21px;display:none;transform:rotate(-3deg)}.subline{font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:11.5px;display:flex}.subline .rss{color:var(--accent);align-items:center;gap:5px;display:inline-flex}.pmeta>*{white-space:nowrap}.tag{font-family:var(--font-mono);color:var(--ink-soft);background:var(--paper-2);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10.5px}.repo{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;background:#e3492a14;border:1px solid #e3492a38;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;display:inline-flex}.repo:before{content:"↗";opacity:.8}.sheet.ruled{background:var(--card);box-shadow:0 2px 0 rgba(var(--shadow),.04), 0 26px 46px -30px rgba(var(--shadow),.45);border:1.5px solid #221c120d;border-radius:5px 12px 12px 5px;padding:6px 20px 14px 40px;position:relative}.sheet.ruled:before{content:"";background:#e3492a6b;width:1.5px;position:absolute;top:0;bottom:0;left:24px}.sheet.ruled:after{content:"";background:repeating-linear-gradient(#0000 0 26px,#221c121f 26px 28px);border-radius:6px;width:9px;position:absolute;top:18px;bottom:18px;left:9px}.ruled .post{border-bottom:1.5px solid var(--rule);cursor:pointer;color:inherit;padding:15px 2px 16px;display:block}.ruled .post:last-child{border-bottom:none}.ruled .pmeta{font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:6px;font-size:11px;display:flex}.ruled .pmeta .date{color:var(--accent)}.ruled .pmeta .sep{background:#221c124d;border-radius:50%;width:3px;height:3px}.ruled .ptitle{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 5px;font-size:19px;font-weight:700;line-height:1.13}.ruled .post:hover .ptitle{text-underline-offset:3px;text-decoration:underline #e3492a80}.ruled .pexc{color:var(--ink-soft);text-wrap:pretty;max-width:66ch;margin:0;font-size:14.5px;line-height:1.46}.ruled .pbody{display:block}.ruled .pfoot{flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;display:flex}.count{font-family:var(--font-mono);color:var(--ink-soft);margin:14px 2px 0;font-size:11px}.posts>*{opacity:0;animation:.45s cubic-bezier(.2,.8,.2,1) forwards rowin;transform:translateY(8px)}@keyframes rowin{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.posts>*{opacity:1!important;animation:none!important;transform:none!important}}@media (width>=760px){.page{padding:26px clamp(22px,4vw,42px) 60px}.masthead .scribble{display:block}.sheet.ruled{padding:8px 30px 18px 52px}.sheet.ruled:before{left:34px}.sheet.ruled:after{left:14px}.ruled .post{grid-template-columns:92px minmax(0,1fr) minmax(150px,212px);align-items:start;column-gap:26px;padding:18px 4px 19px;display:grid}.ruled .pmeta{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:0;padding-top:3px}.ruled .pmeta .sep{display:none}.ruled .pmeta .date,.ruled .pmeta .read{white-space:nowrap}.ruled .pbody{min-width:0}.ruled .ptitle{font-size:21px}.ruled .pexc{max-width:none;font-size:15px}.ruled .pfoot{place-content:flex-start flex-end;margin-top:3px}}
