.blog-post-page{background:var(--color-bg);min-height:100dvh;color:var(--color-text)}.blog-article{padding:calc(var(--nav-block-height) + 48px) 120px 72px}.blog-article__container{width:100%;max-width:760px;margin:0 auto}.blog-article__header{margin-bottom:36px}.blog-article__kicker{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 14px;font-size:12px;font-weight:500}.blog-article__title{font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,4.8vw,3.6rem);font-weight:500;line-height:1.06}.blog-article__byline{align-items:center;gap:14px;margin-top:28px;display:flex}.blog-article__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.blog-article__author{font-family:var(--font-body);margin:0;font-size:15px;font-weight:600}.blog-article__datetime{font-family:var(--font-body);color:var(--color-text-muted);margin:4px 0 0;font-size:14px}.blog-article__hero{margin:0 0 40px}.blog-article__hero-frame{background:#ececf0;border-radius:18px;overflow:hidden}.blog-article__hero-frame img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.blog-article__hero-caption{font-family:var(--font-body);letter-spacing:.02em;color:var(--color-text-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.blog-article__figure{margin:8px 0}.blog-article__figure-frame{background:#ececf0;border-radius:18px;overflow:hidden}.blog-article__figure-frame img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.blog-article__figure-caption{font-family:var(--font-body);letter-spacing:.02em;color:var(--color-text-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.blog-article__content{flex-direction:column;gap:24px;display:flex}.blog-article__content>*{margin:0}.blog-article__content h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:12px 0 0;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:500;line-height:1.2}.blog-article__content h3{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 0;font-size:1.25rem;font-weight:500;line-height:1.25}.blog-article__content p{font-family:var(--font-body);color:var(--color-text);text-wrap:pretty;margin:0;font-size:18px;line-height:1.8}.blog-article__content strong{font-weight:600}.blog-article__content a{color:inherit;text-underline-offset:.18em;text-decoration:underline}.blog-article__content ul,.blog-article__content ol{font-family:var(--font-body);margin:0;padding-left:1.4em;font-size:17px;line-height:1.75}.blog-article__content li+li{margin-top:8px}.blog-article__content li a{word-break:break-word}.blog-article__content blockquote{border-left:3px solid var(--color-text);background:#ffffff73;border-radius:0 12px 12px 0;margin:0;padding:20px 24px}[data-theme=dark] .blog-article__content blockquote{background:#ffffff0a}.blog-article__content blockquote p{color:var(--color-text-muted);font-size:16px;line-height:1.7}.blog-article__table-wrap{-webkit-overflow-scrolling:touch;background:#ffffff73;border:1px solid #00000014;border-radius:12px;width:100%;overflow-x:auto}[data-theme=dark] .blog-article__table-wrap{background:#ffffff08;border-color:#ffffff14}.blog-article__content table{border-collapse:collapse;width:100%;min-width:480px;font-family:var(--font-body);font-size:14px;line-height:1.5}.blog-article__content thead th{background:#ffffffb8;font-weight:600}[data-theme=dark] .blog-article__content thead th{background:#ffffff0f}.blog-article__content tbody tr:nth-child(2n) td{background:#00000005}[data-theme=dark] .blog-article__content tbody tr:nth-child(2n) td{background:#ffffff05}.blog-article__content th,.blog-article__content td{text-align:left;vertical-align:top;border:1px solid #00000014;padding:12px 14px}.blog-article__content tbody td:first-child{color:var(--color-text);font-weight:500}[data-theme=dark] .blog-article__content th,[data-theme=dark] .blog-article__content td{border-color:#ffffff14}.blog-article__content hr{border:0;border-top:1px solid #00000014;margin:8px 0}[data-theme=dark] .blog-article__content hr{border-top-color:#ffffff14}.blog-article__tags{border-top:1px solid #00000014;margin-top:56px;padding-top:28px}[data-theme=dark] .blog-article__tags{border-top-color:#ffffff14}.blog-article__tags-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 12px;font-size:12px;font-weight:500}.blog-article__tags-list{flex-wrap:wrap;gap:10px;display:flex}.blog-article__tag{font-family:var(--font-body);color:var(--color-text);border:1px solid #0000001a;border-radius:999px;padding:8px 14px;font-size:13px;text-decoration:none;transition:background-color .2s,border-color .2s}[data-theme=dark] .blog-article__tag{border-color:#ffffff1a}.blog-article__tag:hover{border-color:var(--color-text);background:#0000000a}[data-theme=dark] .blog-article__tag:hover{background:#ffffff0d}@media (max-width:980px){.blog-article{padding:calc(var(--nav-block-height) + 32px) 24px 56px}.blog-article__content p{font-size:17px;line-height:1.75}}
