.blog-article-layout{align-items:start;gap:1.1rem;display:grid}.blog-article-main{gap:.9rem;min-width:0;display:grid}.blog-article-sidebar{gap:.85rem;display:grid}.blog-article-card{min-width:0;max-width:100%;padding:clamp(1rem,1.5vw,1.4rem)}@media (width<=640px){.blog-article-card{border-radius:1.25rem;padding:1rem}.blog-article-title{font-size:1.65rem;line-height:1.08}.blog-article-summary{font-size:.95rem;line-height:1.6}.blog-article-meta{font-size:.75rem}}.blog-article-back{color:var(--text-body-color);align-items:center;gap:.65rem;font-size:.84rem;font-weight:700;display:inline-flex}.blog-article-title{font-family:var(--font-display);color:var(--text-strong);font-size:clamp(1.9rem,3vw,2.9rem);font-weight:800;line-height:1.02}.blog-article-summary{color:var(--text-body-color);font-size:.98rem;line-height:1.7}.blog-article-cover{border:1px solid var(--outline-panel-border);background:color-mix(in oklab, var(--soft-panel-bg) 86%, transparent);border-radius:0;overflow:hidden}.blog-article-cover-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.blog-article-meta{color:var(--text-muted-color);flex-wrap:wrap;gap:.55rem;font-size:.8rem;font-weight:700;display:flex}.blog-article-sidebar-card{padding:.85rem .95rem}.blog-keyfacts{gap:.55rem;display:grid}.blog-keyfact{gap:.15rem;display:grid}.blog-keyfact-label{color:var(--text-muted-color);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.blog-keyfact-value{color:var(--text-strong);font-size:.9rem;font-weight:700;line-height:1.45}.blog-prose{--tw-prose-body:var(--text-body-color);--tw-prose-headings:var(--text-strong);--tw-prose-links:var(--prose-link);--tw-prose-bold:var(--text-strong);--tw-prose-quotes:var(--text-strong);--tw-prose-code:var(--text-strong);min-width:0;max-width:100%;font-size:.98rem}.blog-prose :where(h2):not(:where([class~=not-prose] *)){letter-spacing:-.04em;margin-top:2.35rem;margin-bottom:.7rem;font-size:clamp(1.48rem,2vw,1.8rem);line-height:1.12}.blog-prose :where(h3):not(:where([class~=not-prose] *)){margin-top:1.8rem;margin-bottom:.55rem;font-size:clamp(1.14rem,1.45vw,1.34rem);line-height:1.18}.blog-prose :where(p,li):not(:where([class~=not-prose] *)){line-height:1.78}.blog-prose :where(h2+p,h3+p,h4+p):not(:where([class~=not-prose] *)){margin-top:0}.blog-prose :where(p+p):not(:where([class~=not-prose] *)){margin-top:1rem}.blog-prose :where(p+ul,p+ol,ul+p,ol+p):not(:where([class~=not-prose] *)){margin-top:.85rem}.blog-prose :where(ul,ol):not(:where([class~=not-prose] *)){margin-top:1rem;margin-bottom:1.25rem}.blog-prose :where(li+li):not(:where([class~=not-prose] *)){margin-top:.3rem}.blog-prose :where(hr):not(:where([class~=not-prose] *)){opacity:.38;margin-top:1.6rem;margin-bottom:1.6rem}@media (width>=1024px){.blog-article-layout{grid-template-columns:minmax(0,2.15fr) minmax(235px,.55fr);gap:1.25rem}.blog-article-sidebar{top:calc(var(--anchor-offset) + .5rem);position:sticky}}@media (width<=640px){.blog-article-layout{gap:.75rem}.blog-article-card{overflow-x:hidden}.blog-article-main{gap:.6rem}.blog-article-sidebar{gap:.55rem}.blog-article-cover{border-radius:0}.blog-article-back{gap:.5rem;font-size:.78rem}.blog-article-meta{gap:.4rem;font-size:.72rem}.blog-article-summary{font-size:.9rem}.blog-prose :where(h2):not(:where([class~=not-prose] *)){margin-top:1.6rem;margin-bottom:.5rem}.blog-prose :where(h3):not(:where([class~=not-prose] *)){margin-top:1.2rem;margin-bottom:.4rem}.blog-prose :where(p+p):not(:where([class~=not-prose] *)){margin-top:.75rem}.blog-prose :where(ul,ol):not(:where([class~=not-prose] *)){margin-top:.75rem;margin-bottom:.9rem}.blog-prose :where(hr):not(:where([class~=not-prose] *)){margin-top:1.1rem;margin-bottom:1.1rem}.blog-prose :where(pre){max-width:100%;padding:.85rem 1rem;font-size:.85rem;overflow-x:auto}.blog-prose :where(code){white-space:pre-wrap;word-break:break-word}.blog-prose :where(table){font-size:.82rem}}@media (width<=480px){.blog-article-layout{gap:.6rem}.blog-article-main{gap:.5rem}.blog-article-cover{border-radius:0}.blog-article-summary{font-size:.86rem;line-height:1.55}.blog-prose :where(pre){padding:.7rem .85rem;font-size:.8rem}}@media (width<=640px){.blog-article-title{letter-spacing:-.03em;font-size:1.7rem;line-height:1.15}.blog-article-summary{font-size:.95rem;line-height:1.65}.blog-article-meta{gap:.4rem;font-size:.76rem}.blog-prose{font-size:1rem}.blog-prose :where(p,li):not(:where([class~=not-prose] *)){line-height:1.75}.blog-prose :where(h2):not(:where([class~=not-prose] *)){letter-spacing:-.03em;margin-top:1.6rem;margin-bottom:.55rem;font-size:1.4rem;line-height:1.18}.blog-prose :where(h3):not(:where([class~=not-prose] *)){margin-top:1.2rem;margin-bottom:.4rem;font-size:1.12rem;line-height:1.22}.blog-prose :where(p+p):not(:where([class~=not-prose] *)){margin-top:.8rem}.blog-prose :where(p+ul,p+ol,ul+p,ol+p):not(:where([class~=not-prose] *)){margin-top:.65rem}.blog-prose :where(ul,ol):not(:where([class~=not-prose] *)){margin-top:.8rem;margin-bottom:1rem;padding-left:1.15rem}.blog-prose :where(li+li):not(:where([class~=not-prose] *)){margin-top:.25rem}.blog-prose :where(hr):not(:where([class~=not-prose] *)){margin-top:1.2rem;margin-bottom:1.2rem}}@media (width<=480px){.blog-article-title{font-size:1.58rem;line-height:1.18}.blog-article-summary{font-size:.92rem}.blog-prose{font-size:.96rem}.blog-prose :where(p,li):not(:where([class~=not-prose] *)){line-height:1.72}.blog-prose :where(h2):not(:where([class~=not-prose] *)){margin-top:1.4rem;margin-bottom:.45rem;font-size:1.32rem}.blog-prose :where(h3):not(:where([class~=not-prose] *)){margin-top:1.05rem;margin-bottom:.35rem;font-size:1.08rem}.blog-prose :where(p+p):not(:where([class~=not-prose] *)){margin-top:.7rem}.blog-prose :where(ul,ol):not(:where([class~=not-prose] *)){margin-top:.7rem;margin-bottom:.9rem}}.article-tree-scene{margin:1.5rem 0}.article-tree-frame{border:1px solid var(--soft-panel-border);background:color-mix(in oklab, var(--soft-panel-bg) 94%, white 6%);box-shadow:var(--soft-panel-shadow);border-radius:1.4rem;padding:1rem}.article-tree-kicker{color:var(--text-muted-color);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800}.article-tree-stage{margin-top:.75rem}.article-tree-svg-root{width:min(100%,34rem);height:auto;margin-inline:auto;display:block;overflow:visible}.article-tree-path{fill:none;stroke:color-mix(in oklab, var(--primary-bg) 58%, white);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;opacity:0;vector-effect:non-scaling-stroke;animation:article-tree-path-reveal .62s cubic-bezier(.22, 1, .36, 1) var(--article-tree-path-delay,0s) forwards}.article-tree-node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:article-tree-node-reveal .52s cubic-bezier(.2, .75, .2, 1) var(--article-tree-node-delay,0s) forwards;transform:translateY(1.4px)scale(.97)}.article-tree-node-panel{stroke:color-mix(in oklab, var(--surface-border) 86%, white);stroke-width:.3px;filter:drop-shadow(0 8px 14px #1717171f)}.article-tree-node--male .article-tree-node-panel{fill:color-mix(in oklab, var(--accent-moss-bg) 90%, white)}.article-tree-node--female .article-tree-node-panel{fill:color-mix(in oklab, var(--accent-rose-bg) 86%, white)}.article-tree-node--child .article-tree-node-panel{fill:color-mix(in oklab, var(--accent-sand-bg) 90%, white)}.article-tree-node-generation{fill:var(--text-muted-color);letter-spacing:.1em;text-transform:uppercase;font-size:1.4px;font-weight:800}.article-tree-node-label{fill:var(--text-strong);font-family:var(--font-body);font-size:2.4px;font-weight:700}.article-tree-caption{color:var(--text-muted-color);margin-top:.75rem;font-size:.82rem;line-height:1.6}@media (width<=640px){.article-tree-scene{margin:1rem 0}.article-tree-frame{border-radius:.95rem;padding:.65rem}.article-tree-kicker{font-size:.64rem}.article-tree-stage{margin-top:.5rem}.article-tree-caption{margin-top:.5rem;font-size:.76rem;line-height:1.5}}@media (width<=480px){.article-tree-frame{border-radius:.75rem;padding:.5rem}.article-tree-caption{font-size:.72rem}}@keyframes article-tree-path-reveal{0%{opacity:0}to{opacity:.88}}@keyframes article-tree-node-reveal{0%{opacity:0;transform:translateY(1.4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.article-tree-svg-root{width:100%}.article-tree-node-generation{font-size:1.52px}.article-tree-node-label{font-size:2.6px}}@media (prefers-reduced-motion:reduce){.article-tree-path,.article-tree-node{opacity:1;animation:none}}