/* Latent blog: the post reading column and the index list, on top of docs.css's .legal */
.phero .crumb a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.legal.post{max-width:700px}
.post h2{margin:44px 0 6px;font-size:22px;line-height:1.25;letter-spacing:-.02em}
.post h2:first-child{margin-top:0}
.post p{margin:0 0 16px;font-size:16.5px;line-height:1.7}
.post p.cite{margin:0 0 16px;font-size:14px}
.post p.cite a{color:var(--faint);text-decoration:none}
.post p.cite a:hover{color:var(--blue)}
.post p.cite a::after{content:" \2197"}
.post p.take{margin:4px 0 8px;padding-left:16px;border-left:2px solid var(--blue);font-weight:500;color:var(--ink)}
.posts{display:grid;border-top:1px solid var(--rule)}
.legal a.post-row{display:grid;gap:6px;padding:24px 0;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none}
.post-row .d{font-size:13px;color:var(--faint)}
.post-row b{font-weight:500;font-size:21px;line-height:1.25;letter-spacing:-.02em;color:var(--ink);transition:color .15s}
.post-row .x{font-size:15.5px;line-height:1.55;color:var(--body)}
.legal a.post-row:hover b{color:var(--blue)}
.post ul{margin:0 0 18px;padding-left:20px}
.post li{margin:6px 0;font-size:16.5px;line-height:1.65;color:var(--body)}
.post li strong{font-weight:500;color:var(--ink)}
.post pre{margin:4px 0 20px;padding:16px 18px;border-radius:12px;background:#0F1118;overflow-x:auto}
.post pre:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.post pre code{display:block;color:#D9DCE6;font:13.5px/1.7 var(--mono);white-space:pre}
.post :not(pre)>code{padding:1px 5px;border-radius:6px;background:#EBEBE6;font:14px var(--mono);color:var(--ink)}
.post table{width:100%;margin:4px 0 22px;border-collapse:collapse;font-size:15px}
.post th,.post td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--rule)}
.post th{font-weight:500;color:var(--ink)}
.post td{color:var(--body)}
.post td:last-child,.post th:last-child{text-align:right;font-variant-numeric:tabular-nums}
/* a post's cover, above its first paragraph */
.post-cover{display:block;width:100%;height:auto;aspect-ratio:40/21;margin:0 0 36px;border-radius:16px;box-shadow:0 0 0 1px rgba(14,16,23,.08)}
/* the index: filter tabs, the newest post large, the rest in a list beside it */
.bl{padding-block:clamp(40px,5vw,64px) clamp(56px,7vw,96px)}
.bl-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:36px;border-bottom:1px solid var(--rule)}
.bl-tabs{display:flex;flex-wrap:wrap;gap:6px}
.bl-tabs button{height:36px;padding:0 16px;border:0;border-radius:99px;background:none;font:inherit;font-size:15px;color:var(--faint);cursor:pointer;transition:color .15s,background-color .15s,box-shadow .15s}
.bl-tabs button:hover{color:var(--ink)}
.bl-tabs button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--rule)}
.bl-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 48px;padding-bottom:16px}
.bl-feat,.bl-item{color:inherit;text-decoration:none}
.bl-feat img,.bl-item img{display:block;width:100%;height:auto;aspect-ratio:40/21;border-radius:16px;box-shadow:0 0 0 1px rgba(14,16,23,.08)}
.bl-meta{margin:20px 0 10px;font:13px/1.4 var(--mono);color:var(--faint)}
.bl-meta .c{color:var(--blue)}
.bl-feat h2{margin:0 0 12px;font-weight:500;font-size:clamp(26px,2.8vw,34px);line-height:1.12;letter-spacing:-.025em;color:var(--ink);text-wrap:balance;transition:color .15s}
.bl-feat:hover h2,.bl-item:hover b{color:var(--blue)}
.bl-x{margin:0;font-size:16px;line-height:1.6;color:var(--body)}
.bl-list{display:grid;align-content:start;padding-left:40px;border-left:1px solid var(--rule)}
.bl-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--rule)}
.bl-item:first-child{padding-top:0}
.bl-item img{border-radius:12px}
.bl-item .bl-meta{margin:0 0 6px;font-size:12px}
.bl-item b{display:block;margin-bottom:6px;font-weight:500;font-size:18px;line-height:1.3;letter-spacing:-.015em;color:var(--ink);transition:color .15s}
.bl-item .bl-x{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-item.is-feat{display:none}
.bl-grid.filtered{grid-template-columns:minmax(0,1fr)}
.bl-grid.filtered .bl-feat{display:none}
.bl-grid.filtered .bl-list{padding-left:0;border-left:0}
.bl-grid.filtered .bl-item.is-feat:not([hidden]){display:grid}
.bl-grid .bl-item[hidden]{display:none}
@media (max-width:1000px){
  .bl-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .bl-list{padding-left:0;border-left:0;border-top:1px solid var(--rule)}
  .bl-item:first-child{padding-top:22px}
}
@media (max-width:560px){
  .bl-item{grid-template-columns:116px minmax(0,1fr);gap:14px}
  .bl-item b{font-size:16px}
  .bl-item img{border-radius:9px}
}
.bl-meta span{white-space:nowrap}