main>.meta{margin-top:14px;font-size:14px;color:var(--dim)}

.posts{list-style:none;max-width:60ch;margin:clamp(20px,3vh,34px) auto 0;text-align:left}
.posts li+li{border-top:1px solid var(--rule)}
.posts a{display:block;padding:24px 0;text-decoration:none}
.posts time{font-size:14px;color:var(--dim)}
.posts h2{margin-top:4px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.3;transition:color .16s}
.posts a:hover h2{color:var(--red)}
.posts p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--dim)}

.prose figure{margin-top:32px;margin-bottom:32px}
.prose figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--dim)}
.pair>div{border:1px solid var(--rule);padding:16px 18px;font-size:16px;line-height:1.65}
.pair>div+div{margin-top:10px}
.pair p+p{margin-top:10px}
.pair .k{font-size:13px;font-weight:600;color:var(--line);margin-bottom:8px}
.rw{width:min(1040px,calc(100vw - 32px));margin-left:50%;transform:translateX(-50%)}
.rw .pills{display:flex;flex-wrap:wrap;gap:6px}
.rw .pills+.pills{margin-top:8px}
.rw button,.prompt button{font:inherit;font-size:13px;color:var(--mid);background:none;border:1px solid var(--rule);padding:5px 11px;cursor:pointer;transition:border-color .16s,color .16s}
.rw button:hover,.prompt button:hover{border-color:var(--line);color:var(--line)}
.rw button[aria-pressed=true]{color:var(--void);background:var(--line);border-color:var(--line)}
.rwp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.rwp>div{border:1px solid var(--rule);padding:16px 18px;font-size:15px;line-height:1.6}
.rwp .k{font-size:13px;font-weight:600;color:var(--line)}
.rwp .st{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px;color:var(--mid);margin:4px 0 12px}
.rwp .st b{font-weight:600;color:var(--line)}
.rwp p+p{margin-top:10px}
@media (max-width:760px){.rwp{grid-template-columns:1fr}}
.prompt .cb{border:1px solid var(--rule)}
.prompt .cbh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--dim)}
.prompt pre{margin:0;padding:14px 16px;max-height:480px;overflow:auto;line-height:1.6}
.pair pre,.prompt pre,.prose td.c{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.pair pre{line-height:1.6}
.pair pre mark{padding:0}
mark{color:var(--line);border-radius:2px;padding:0 2px}
mark.w{background:rgba(255,30,30,.26)}
mark.p{background:rgba(242,242,240,.16)}
.tw{overflow-x:auto}
.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.4}
.prose th,.prose td{padding:9px 10px;text-align:right;border-bottom:1px solid var(--rule);white-space:nowrap}
.prose th:first-child,.prose td:first-child{text-align:left;padding-left:0;white-space:normal}
.prose th{color:var(--line);font-weight:600;white-space:normal;vertical-align:bottom}
@media (max-width:560px){.prose table{font-size:14px}.prose th,.prose td{padding:8px 6px}}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart line,.chart path{fill:none;vector-effect:non-scaling-stroke}
.chart .g{stroke:var(--rule)}
.chart .t{stroke:var(--dim);stroke-dasharray:4 4}
.chart path{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart path.r{stroke:var(--red)}
.chart path.l{stroke:var(--line)}
.chart path.d{stroke:var(--dim)}
.key{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px;font-size:14px;color:var(--mid)}
.key i{display:inline-block;width:14px;height:2px;margin-right:7px;vertical-align:middle}
.key .r i{background:var(--red)}
.key .l i{background:var(--line)}
.key .d i{background:var(--dim)}
.diagram svg{display:block;width:100%;height:auto;overflow:visible}
.diagram .bd,.diagram .top,.diagram .ms,.diagram .mtl,.diagram .drv,.diagram .hole{stroke:var(--line);stroke-width:1.5;stroke-linejoin:round}
.diagram .bd{fill:#111}
.diagram .top{fill:#1f1f1f}
.diagram .ms{fill:#2b2b2b}
.diagram .mtl{fill:#454545}
.diagram .drv{fill:rgba(242,242,240,.08)}
.diagram .hole{fill:var(--void);stroke-width:1}
.diagram .seam{fill:none;stroke:var(--dim);stroke-width:1}
.diagram .sep{fill:none;stroke:var(--rule);stroke-width:1}
.diagram .ac{fill:none;stroke:var(--red);stroke-width:1.6;stroke-dasharray:5 4;stroke-linecap:round}
.diagram .bolt{fill:var(--red)}
.diagram .dot{fill:var(--red);stroke:var(--red);stroke-linejoin:round}
.diagram .ch{fill:none;stroke:var(--void);stroke-width:1.4;stroke-linejoin:round}
.diagram text{font-family:var(--ui);fill:var(--mid);font-size:14px}
.diagram .t2{fill:var(--dim);font-size:12px}
.diagram .brand{fill:var(--mid);font-size:7px;font-weight:600;letter-spacing:.06em}
.diagram .ink{fill:var(--void)}
.diagram .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;fill:var(--line);font-size:13px}
.prose figure.wrap td,.prose figure.wrap th{white-space:normal;text-align:left}
.prose .rk{color:var(--dim);padding-right:4px}
.prose .rk+th,.prose .rk+td{text-align:left;white-space:normal}