.site{& .surface-tag{font-family:var(--jbm);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--accent);align-items:center;gap:7px;font-size:10px;display:inline-flex}& .surface-tag:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 6px var(--accent);border-radius:50%}& .kbgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}& .kbcat{border:1px solid var(--line);border-radius:var(--rad-lg);background:var(--bg-1);transition:border-color var(--dur-fast) var(--ease);padding:18px}& .kbcat:hover{border-color:var(--line-strong)}& .kbcat-icon{color:var(--accent);display:inline-flex}& .kbcat h3{color:var(--fg);margin:10px 0 6px;font-size:15px;font-weight:600}& .kbcat p{color:var(--fg-3);margin:0 0 14px;font-size:13px;line-height:1.55}& .kbcat ul{border-top:1px solid var(--line-soft);flex-direction:column;gap:7px;margin:0;padding:12px 0 0;list-style:none;display:flex}& .kbcat-all{font-family:var(--jbm);color:var(--fg-4);margin-top:12px;font-size:10.5px;display:inline-block}& .kbcat-all:hover{color:var(--accent)}& .kbcat li a{font-family:var(--jbm);color:var(--fg-3);font-size:11.5px}& .kbcat li a:hover{color:var(--accent)}& .kbcat li .planned{font-family:var(--jbm);color:var(--fg-5);font-size:11.5px}& .diffgrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}& .diff{border:1px solid var(--line);border-radius:var(--rad-lg);background:var(--bg-1);padding:16px}& .diff-title{color:var(--fg);font-size:13px}& .diff dl{font-family:var(--jbm);grid-template-columns:74px 1fr;margin:10px 0 0;font-size:11px;display:grid}& .diff dt{color:var(--fg-4);border-top:1px solid var(--line-soft);padding:4px 0}& .diff dd{color:var(--fg-2);border-top:1px solid var(--line-soft);margin:0;padding:4px 0}}@media (width<=1000px){.site .diffgrid{grid-template-columns:1fr}}.content-panel .sl-markdown-content .posts{border-top:1px solid var(--hal0-border);flex-direction:column;gap:0;display:flex}.content-panel .sl-markdown-content .posts .preview{border-bottom:1px solid var(--hal0-border-soft);grid-template-columns:minmax(96px,132px) 1fr;align-items:start;gap:24px;padding:22px 0;display:grid}.content-panel .sl-markdown-content .posts .preview:first-child{padding-bottom:28px}.content-panel .sl-markdown-content .posts .preview:first-child .preview-link h2{letter-spacing:var(--hal0-ls-title);font-size:28px}.content-panel .sl-markdown-content .posts .preview header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.content-panel .sl-markdown-content .posts .preview .metadata .dates{font-family:var(--hal0-font-mono);color:var(--hal0-fg-faint);grid-column:1;padding-top:4px;font-size:11.5px}.content-panel .sl-markdown-content .posts .preview .preview-link{grid-column:2;margin-bottom:6px}.content-panel .sl-markdown-content .posts .preview .preview-link h2{letter-spacing:var(--hal0-ls-tight);margin:0;font-size:19px;font-weight:500;line-height:1.3}.content-panel .sl-markdown-content .posts .preview .metadata .authors{grid-column:2}.content-panel .sl-markdown-content .posts .preview>.sl-markdown-content{color:var(--hal0-fg-muted);grid-column:2;max-width:60ch;font-size:14px}.content-panel .sl-markdown-content .posts .preview footer{grid-column:2}@media (width<=720px){.content-panel .sl-markdown-content .posts .preview{grid-template-columns:1fr}.content-panel .sl-markdown-content .posts .preview .metadata .dates,.content-panel .sl-markdown-content .posts .preview .preview-link,.content-panel .sl-markdown-content .posts .preview .metadata .authors,.content-panel .sl-markdown-content .posts .preview>.sl-markdown-content,.content-panel .sl-markdown-content .posts .preview footer{grid-column:1}}.content-panel .sl-markdown-content .posts .preview .preview-link,.content-panel .sl-markdown-content .posts .preview .preview-link h2{color:var(--hal0-fg);text-decoration:none}.content-panel .sl-markdown-content .posts .preview .preview-link:hover h2{color:var(--hal0-accent)}.content-panel .sl-markdown-content .posts .preview .metadata .authors,.content-panel .sl-markdown-content .posts .preview .metadata .authors a,.content-panel .sl-markdown-content .posts .preview .metadata .authors .author .name{font-family:var(--hal0-font-mono);color:var(--hal0-fg-faint);font-size:11px;font-weight:400;text-decoration:none}.content-panel .sl-markdown-content .posts .preview .metadata .authors a:hover .name{color:var(--hal0-fg)}.content-panel .sl-markdown-content .posts .preview footer{font-family:var(--hal0-font-mono);color:var(--hal0-fg-dim);font-size:10.5px}.content-panel .sl-markdown-content .posts .preview footer a{letter-spacing:.02em;text-transform:lowercase;background:var(--hal0-bg-2);color:var(--hal0-fg-dim);border:1px solid var(--hal0-border);border-radius:3px;align-items:center;padding:2px 7px;font-size:10px;text-decoration:none;display:inline-flex}.content-panel .sl-markdown-content .posts .preview footer a:hover{color:var(--hal0-accent);border-color:var(--hal0-accent-line);background:var(--hal0-accent-soft)}[data-blog]:not([data-longform]) .content-panel:first-of-type{display:block}[data-blog] .blog-phead-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}[data-blog] .blog-surface-tag{font-family:var(--hal0-font-mono);text-transform:uppercase;letter-spacing:var(--hal0-ls-label);color:var(--hal0-accent);align-items:center;gap:7px;margin-bottom:12px;font-size:10px;display:inline-flex}[data-blog] .blog-surface-tag:before{content:"";background:var(--hal0-accent);width:5px;height:5px;box-shadow:0 0 6px var(--hal0-accent);border-radius:50%}[data-blog] .blog-intro{color:var(--hal0-fg-muted);text-wrap:pretty;max-width:58ch;margin:10px 0 0;font-size:15px;line-height:1.6}.blog-rss-btn{border:1px solid var(--hal0-border);height:30px;color:var(--hal0-fg);font-family:var(--hal0-font-mono);background:0 0;border-radius:4px;align-items:center;gap:8px;margin:16px 0 0;padding:0 12px;font-size:12px;text-decoration:none;display:inline-flex}.blog-rss-btn:hover{border-color:var(--hal0-border-strong);color:var(--hal0-accent)}:is([data-longform],[data-docs]) .content-panel .sl-markdown-content{--sl-content-width:68ch}:is([data-longform],[data-docs]) .content-panel .sl-markdown-content p,:is([data-longform],[data-docs]) .content-panel .sl-markdown-content li{font-size:16px;line-height:1.68}