.acard__meta{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption);color:var(--fg-muted);flex-wrap:wrap}.acard__meta .i{width:13px;height:13px}.dot-sep{width:3px;height:3px;border-radius:var(--r-pill);background:var(--ink-5);margin-inline:2px}.tree__count{float:right;font-size:var(--fs-caption);color:var(--fg-muted);font-family:var(--font-mono)}.segbar-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.feature{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-base) var(--ease-out)}.feature:hover{box-shadow:var(--shadow-2);border-color:var(--brand-purple-tint);color:inherit}.feature__media{background:var(--cream-2);min-height:100%}.feature__media img{width:100%;height:100%;object-fit:cover}.feature__body{padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-4);justify-content:center}.feature__body h2{color:var(--fg-1)}.feature:hover .feature__body h2{color:var(--brand-purple)}.feature__body p{color:var(--fg-3);font-size:var(--fs-body-sm)}@media (max-width: 900px){.feature{grid-template-columns:1fr}.feature__media{aspect-ratio:16/9}.feature__body{padding:var(--s-6)}}.minicard{display:grid;grid-template-columns:76px minmax(0, 1fr);gap:var(--s-3);align-items:center}.minicard__media{border-radius:var(--r-sm);overflow:hidden;background:var(--cream-2);border-bottom:0;aspect-ratio:1/1}.minicard__media img{width:100%;height:100%;object-fit:cover}.minicard__title{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--fg-1);border-bottom:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.minicard__title:hover{color:var(--brand-purple)}.empty h3{font-size:var(--fs-h4);color:var(--fg-1)}.posthead{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-4);align-items:flex-start;padding-block:var(--s-4) var(--s-7)}.posthead h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display)}.posthead__lead{font-size:var(--fs-h4);line-height:1.7;color:var(--fg-3)}.postmeta{display:flex;align-items:center;gap:var(--s-3);width:100%;flex-wrap:wrap;padding-top:var(--s-4);border-top:1px solid var(--line)}.postmeta img{width:44px;height:44px;border-radius:var(--r-pill);object-fit:cover;flex:none}.postmeta .caption{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.postmeta .caption .i{width:13px;height:13px}.share{display:flex;align-items:center;gap:var(--s-2)}.share .iconbtn{width:36px;height:36px}.posthero{margin:0 0 var(--s-9)}.posthero img{width:100%;max-height:520px;object-fit:cover}.posthero figcaption{font-size:var(--fs-caption);color:var(--fg-3);padding-top:var(--s-3)}.postlayout{display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:var(--s-10);align-items:start;padding-bottom:var(--s-10)}@media (max-width: 1024px){.postlayout{grid-template-columns:1fr;gap:var(--s-8)}}.post{max-width:72ch}.post h2{margin:var(--s-9) 0 var(--s-4);font-size:var(--fs-h2)}.post h3{margin:var(--s-7) 0 var(--s-3)}.post>p{font-size:17px}.post figure{margin:var(--s-7) 0}.post figure img{width:100%;border-radius:var(--r-md);background:var(--cream-2);cursor:zoom-in}.post figcaption{font-size:var(--fs-caption);color:var(--fg-3);padding-top:var(--s-2)}.post blockquote{margin:var(--s-7) 0;padding:var(--s-6);background:var(--brand-purple-soft);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--s-2);color:var(--brand-purple-ink)}.post blockquote .i{color:var(--brand-purple)}.post blockquote p{font-size:var(--fs-h4);line-height:1.7;margin:0;color:var(--brand-purple-ink)}.post blockquote cite{font-size:var(--fs-caption);font-style:normal;color:var(--fg-3)}.toc{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-5);margin-bottom:var(--s-7);display:flex;flex-direction:column;gap:var(--s-3)}.toc ol{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--fs-body-sm)}.toc a{color:var(--fg-2)}.toc a:hover{color:var(--brand-purple)}.posttags{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-9);padding-top:var(--s-5);border-top:1px solid var(--line)}.authorbox{display:flex;gap:var(--s-4);padding:var(--s-5);margin-top:var(--s-7);background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-lg)}.authorbox img{width:72px;height:72px;border-radius:var(--r-pill);object-fit:cover;flex:none}.postnav{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--s-4);margin-top:var(--s-7)}.postnav__item{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-surface);border-bottom:1px solid var(--line);color:var(--fg-1)}.postnav__item:hover{border-color:var(--brand-purple-tint);color:var(--brand-purple)}.postnav__item .caption{display:flex;align-items:center;gap:4px}.postnav__item--next{text-align:right;align-items:flex-end}@media (max-width: 640px){.postnav{grid-template-columns:1fr}}.addon.plain{color:var(--fg-1)}.addon.plain:hover{border-color:var(--brand-purple-tint);color:var(--fg-1)}.notfound{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 0.85fr);gap:var(--s-9);align-items:center;padding-block:var(--s-11)}@media (max-width: 900px){.notfound{grid-template-columns:1fr;padding-block:var(--s-9);gap:var(--s-7)}.notfound__art{order:-1}}.notfound__body{display:flex;flex-direction:column;gap:var(--s-4);align-items:flex-start}.notfound__code{font-size:clamp(72px, 12vw, 140px);line-height:1;font-weight:var(--fw-bold);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.notfound__body p{color:var(--fg-3);max-width:46ch}.notfound__search{display:flex;gap:var(--s-2);width:100%;max-width:440px;margin-top:var(--s-2)}.notfound__art img{width:100%;border-radius:var(--r-lg)}body .footer{margin-top:0}.with-aside{padding-bottom:var(--s-9)}.page-end{padding-bottom:var(--s-9)}.input-row>.iconbtn{height:auto;width:calc(var(--fs-body) * var(--lh-body) + 22px)}