.bloghead__grid{grid-template-columns:var(--rail) minmax(0, 1fr);display:grid}.bloghead__rail{padding:32px var(--gutter);border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px;display:flex}.bloghead__count{font-size:40px;line-height:1}.bloghead__main{padding:clamp(56px, 8vw, 120px) var(--gutter) clamp(36px, 4vw, 56px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.bloghead__title{font-size:clamp(52px,9vw,150px);line-height:.88}.bloghead__main p{max-width:400px;color:var(--ink-2)}.blog-status{padding:clamp(48px, 8vw, 104px) var(--gutter);border-bottom:1px solid var(--line)}.blog-status__copy{max-width:760px;margin:28px auto 0}.blog-status h2{text-transform:uppercase;max-width:680px;margin-bottom:18px;font-size:clamp(36px,6vw,76px);line-height:.98}.blog-status p{max-width:520px;color:var(--ink-2)}.blog-status__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tagbar{padding:16px var(--gutter);border-bottom:1px solid var(--line);background:var(--bg-raised);flex-wrap:wrap;gap:6px;display:flex}.tagbar[hidden]{display:none}.tagbar button{border:1px solid var(--line-strong);height:32px;font-family:var(--font-mono);background:0 0;padding:0 14px;font-size:12px;transition:background .2s,color .2s,border-color .2s}.tagbar button:hover{border-color:var(--ink)}.tagbar button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:var(--on-dark)}.postlist{border-bottom:1px solid var(--line)}.postrow{grid-template-columns:var(--rail) minmax(0, 1fr) minmax(140px, .32fr) 72px;border-bottom:1px solid var(--line);transition:background .25s;display:grid;position:relative}.postrow:last-child{border-bottom:0}.postrow:hover{background:var(--bg-raised)}.postrow__when{padding:30px var(--gutter);border-right:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.postrow__idx{font-family:var(--font-mono);color:var(--ink-3);font-size:12px}.postrow__main{padding:28px var(--gutter)}.postrow__main h2{font-family:var(--font-display);text-transform:uppercase;max-width:900px;margin-bottom:10px;font-size:clamp(20px,2.1vw,30px);font-weight:600;font-stretch:112%;line-height:1.08}.postrow__main h2 a:after{content:"";position:absolute;inset:0}.postrow__main p{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:620px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.postrow__tags{flex-wrap:wrap;align-content:flex-start;gap:6px;padding:30px 16px;display:flex}.postrow__go{border-left:1px solid var(--line);justify-content:center;align-items:center;font-size:18px;transition:background .25s,color .25s;display:flex}.postrow:hover .postrow__go{background:var(--accent);color:#fff}.postrow--skeleton{background:linear-gradient(90deg,#0000,#ffffff59,#0000) -100% 0/50% 100% no-repeat;height:150px;animation:1.4s infinite shimmer}.postrow[hidden],.postlist__empty[hidden]{display:none}.bloghead__kick{align-items:center;gap:10px;display:inline-flex}.postlist__empty{padding:72px var(--gutter);color:var(--ink-2);align-items:center;gap:12px;display:flex}@keyframes shimmer{to{background-position:200% 0}}.readbar{top:var(--nav-h);z-index:49;pointer-events:none;height:2px;position:fixed;left:0;right:0}.readbar i{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}.post__head{grid-template-columns:var(--rail) minmax(0, 1fr);border-bottom:1px solid var(--line);display:grid}.post__rail{padding:32px var(--gutter);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.post__facts{gap:16px;margin:0;display:grid}.post__facts dd{margin:4px 0 0;font-size:13.5px;font-weight:500}.post__titlewrap{padding:clamp(48px, 7vw, 104px) var(--gutter) clamp(36px, 4vw, 56px);flex-direction:column;gap:20px;display:flex}.post__kicker{align-items:center;gap:10px;display:inline-flex}.post__title{overflow-wrap:anywhere;max-width:18ch;font-size:clamp(34px,5vw,76px);line-height:.98}.post__summary{color:var(--ink-2);max-width:640px;font-size:clamp(16px,1.4vw,19px)}.post__tags{flex-wrap:wrap;gap:6px;display:flex}.post__tags a{background:var(--bg-sunken);height:26px;font-family:var(--font-mono);color:var(--ink-2);align-items:center;padding:0 10px;font-size:11.5px;transition:background .2s,color .2s;display:inline-flex}.post__tags a:hover{background:var(--dark);color:var(--on-dark)}.post__cover{z-index:31;border-bottom:1px solid var(--line);position:relative}.post__cover img{object-fit:cover;width:100%;max-height:560px}.post__layout{grid-template-columns:var(--rail) minmax(0, 1fr) minmax(160px, .3fr);border-bottom:1px solid var(--line);display:grid}.post__toc{border-right:1px solid var(--line);padding:40px var(--gutter)}.post__toc[hidden]{visibility:hidden;display:block}.post__toc nav{top:calc(var(--nav-h) + 32px);position:sticky}.post__toc ol{counter-reset:toc;gap:2px;margin-top:14px;display:grid}.post__toc a{border-left:2px solid var(--line);color:var(--ink-2);padding:6px 0 6px 12px;font-size:13px;line-height:1.35;transition:color .2s,border-color .2s;display:block}.post__toc a.is-sub{padding-left:24px;font-size:12.5px}.post__toc a:hover,.post__toc a.is-active{color:var(--ink);border-left-color:var(--accent)}.post__layout .prose{width:100%;min-width:0;max-width:820px;padding:clamp(40px,5vw,72px) clamp(16px,4vw,64px) clamp(56px,7vw,104px)}.post__share{border-left:1px solid var(--line);padding:40px var(--gutter);flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:relative}.post__share a,.post__share button{background:0 0;border:0;padding:0;font-size:13.5px;transition:color .2s}.post__share a:hover,.post__share button:hover{color:var(--accent)}.post__share .label{margin-bottom:4px}.post__foot{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.post__foot>*+*{border-left:1px solid var(--line)}.post__next .display{overflow-wrap:anywhere}.post__next{padding:clamp(32px, 4vw, 56px) var(--gutter);flex-direction:column;gap:14px;transition:background .25s;display:flex}.post__next .display{font-size:clamp(20px,2vw,30px);line-height:1.05}.post__next:hover{background:var(--bg-raised)}.post__next--dark{background:var(--dark);color:var(--on-dark)}.post__next--dark .label{color:var(--on-dark-2)}.post__next--dark:hover{background:var(--accent)}.post__next--dark:hover .label{color:#fff}.lost{border-bottom:1px solid var(--line)}.lost__inner{min-height:calc(100svh - var(--nav-h) - 120px);padding:80px var(--gutter);background-image:linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:64px 100%;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;display:flex}.lost__inner .label{align-items:center;gap:10px;display:inline-flex}.lost__title{font-size:clamp(52px,10vw,160px);line-height:.88}.lost p{max-width:420px;color:var(--ink-2)}.lost__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=1100px){.post__layout{grid-template-columns:var(--rail) minmax(0, 1fr)}.post__share{border-left:0;border-top:1px solid var(--line);flex-flow:wrap;grid-column:1/-1;gap:20px;padding-block:20px}.post__share .label{margin:0}}@media (width<=860px){.bloghead__grid,.post__head,.post__layout{grid-template-columns:1fr}.post__layout{grid-template-columns:minmax(0,1fr)}.post__foot{grid-auto-flow:row}.post__foot>*+*{border-left:0;border-top:1px solid var(--line)}.bloghead__rail,.post__rail{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;padding-block:18px}.post__facts{grid-auto-flow:column;gap:24px}.bloghead__count{font-size:28px}.post__toc{display:none!important}.postrow{grid-template-columns:1fr auto}.postrow__when{padding:20px var(--gutter) 0;border-right:0;flex-direction:row;grid-column:1/-1;justify-content:space-between}.postrow__main{padding-top:10px}.postrow__tags{display:none}.postrow__go{padding:0 var(--gutter);border-left:0}}
