.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:22px}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:14px;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--p-border-strong);box-shadow:var(--p-shadow-md);transform:translateY(-2px)}.blog-card__cover{aspect-ratio:16/9;background:var(--p-surface-2);position:relative;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%}.blog-card__cover--empty{color:var(--p-fg-4);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;display:flex}.blog-card__body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.blog-card__cat{background:var(--p-accent-soft);width:max-content;color:var(--p-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.blog-card__title{letter-spacing:-.01em;color:var(--p-fg-1);text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.3}.blog-card__summary{color:var(--p-fg-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--p-fg-3);align-items:center;gap:10px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.blog-card__meta .dot{background:var(--p-fg-4);border-radius:50%;width:3px;height:3px}.blog-featured{background:var(--p-surface);border:1px solid var(--p-border);border-radius:18px;grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;margin-bottom:36px;transition:border-color .15s;display:grid;overflow:hidden}.blog-featured:hover{border-color:var(--p-border-strong)}.blog-featured__cover{aspect-ratio:16/10;background:var(--p-surface-2);position:relative}.blog-featured__cover img{object-fit:cover;width:100%;height:100%}.blog-featured__body{flex-direction:column;gap:14px;padding:28px 32px 28px 0;display:flex}.blog-featured__title{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.15}.blog-featured__summary{color:var(--p-fg-2);margin:0;font-size:15px;line-height:1.55}@media (max-width:820px){.blog-featured{grid-template-columns:1fr}.blog-featured__body{padding:0 22px 26px}}.blog-filter{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.blog-filter__chip{background:var(--p-surface-2);border:1px solid var(--p-border);color:var(--p-fg-2);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.blog-filter__chip:hover{border-color:var(--p-border-strong);color:var(--p-fg-1)}.blog-filter__chip--active{background:var(--p-accent);color:var(--p-on-accent);border-color:var(--p-accent)}.blog-pagination{justify-content:center;gap:8px;margin-top:42px;display:flex}.blog-pagination a,.blog-pagination span{border:1px solid var(--p-border);background:var(--p-surface);min-width:38px;height:38px;color:var(--p-fg-1);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;transition:border-color .12s,background .12s;display:inline-flex}.blog-pagination a:hover{border-color:var(--p-border-strong);background:var(--p-surface-2)}.blog-pagination .blog-pagination__current{background:var(--p-accent);color:var(--p-on-accent);border-color:var(--p-accent)}.blog-pagination .blog-pagination__disabled{opacity:.4;pointer-events:none}.blog-post-hero{border-bottom:1px solid var(--p-border)}.blog-post-hero__inner{text-align:center;max-width:920px;margin:0 auto;padding:56px 32px 40px}@media (max-width:720px){.blog-post-hero__inner{padding:40px 20px 28px}}.blog-post-hero__cat{background:var(--p-accent-soft);color:var(--p-accent);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.blog-post-hero__title{letter-spacing:-.025em;text-wrap:balance;color:var(--p-fg-1);margin:0 0 18px;font-size:clamp(30px,4.5vw,48px);font-weight:700;line-height:1.1}.blog-post-hero__summary{color:var(--p-fg-2);max-width:720px;margin:0 auto;font-size:17px;line-height:1.55}.blog-post-hero__meta{color:var(--p-fg-3);justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:13px;display:flex}.blog-post-hero__meta .dot{background:var(--p-fg-4);border-radius:50%;width:3px;height:3px}.blog-post-cover{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}.blog-post-cover__inner{aspect-ratio:16/8;background:var(--p-surface-2);border-radius:16px;margin-top:-12px;position:relative;overflow:hidden}.blog-post-cover__inner img{object-fit:cover;width:100%;height:100%}@media (max-width:720px){.blog-post-cover{padding:0 20px}}.blog-post-layout{grid-template-columns:240px minmax(0,760px);gap:64px;max-width:1180px;margin:0 auto;padding:56px 32px 80px;display:grid}@media (max-width:980px){.blog-post-layout{grid-template-columns:1fr;gap:32px;padding:36px 20px 56px}}.blog-toc{align-self:start;font-size:13px;position:sticky;top:96px}.blog-toc__title{text-transform:uppercase;letter-spacing:.08em;color:var(--p-fg-3);margin-bottom:12px;font-size:11px;font-weight:600}.blog-toc__list{border-left:2px solid var(--p-border);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-toc__item a{color:var(--p-fg-2);border-left:2px solid #0000;margin-left:-2px;padding:4px 0 4px 14px;font-size:13px;line-height:1.4;transition:color .12s,border-color .12s;display:block}.blog-toc__item a:hover{color:var(--p-fg-1);border-left-color:var(--p-accent)}.blog-toc__item--sub{padding-left:14px}.blog-toc__item--sub a{color:var(--p-fg-3);font-size:12.5px}@media (max-width:980px){.blog-toc{background:var(--p-surface-2);border:1px solid var(--p-border);border-radius:12px;padding:16px 18px;position:static}}.blog-prose{color:var(--p-fg-1);font-size:17px;line-height:1.7}.blog-prose>*+*{margin-top:1em}.blog-prose h2{letter-spacing:-.02em;margin:2em 0 .5em;scroll-margin-top:96px;font-size:28px;font-weight:700;line-height:1.2}.blog-prose h3{letter-spacing:-.015em;margin:1.5em 0 .4em;scroll-margin-top:96px;font-size:22px;font-weight:600;line-height:1.25}.blog-prose p{margin:0}.blog-prose a{text-decoration:underline;-webkit-text-decoration-color:var(--p-accent);text-decoration-color:var(--p-accent);text-underline-offset:3px;transition:text-decoration-color .12s;color:var(--p-fg-1)!important}.blog-prose a:hover{-webkit-text-decoration-color:var(--p-fg-1);text-decoration-color:var(--p-fg-1)}.blog-prose ul,.blog-prose ol{flex-direction:column;gap:.4em;padding-left:1.4em;display:flex}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose blockquote{border-left:3px solid var(--p-accent);color:var(--p-fg-2);margin:1.4em 0;padding:4px 18px;font-style:italic}.blog-prose code{background:var(--p-surface-2);border:1px solid var(--p-border);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.blog-prose pre{background:var(--p-surface-2);border:1px solid var(--p-border);border-radius:10px;padding:16px 18px;font-size:14px;line-height:1.55;overflow-x:auto}.blog-prose pre code{font-size:inherit;background:0 0;border:none;padding:0}.blog-prose img{border-radius:12px;width:100%;height:auto;margin:1.6em 0}.blog-prose hr{border:none;border-top:1px solid var(--p-border);margin:2em 0}.blog-prose strong{color:var(--p-fg-1);font-weight:600}.blog-reading-progress{z-index:60;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.blog-reading-progress__bar{background:var(--p-accent);transform-origin:0;width:100%;height:100%;transition:transform 80ms linear;transform:scaleX(0)}.blog-related{border-top:1px solid var(--p-border);background:var(--p-surface-2)}.blog-related__inner{max-width:1180px;margin:0 auto;padding:56px 32px}@media (max-width:720px){.blog-related__inner{padding:40px 20px}}.blog-related__title{letter-spacing:-.015em;margin:0 0 22px;font-size:22px;font-weight:700}.blog-empty{text-align:center;color:var(--p-fg-2);padding:80px 20px}.blog-empty__title{color:var(--p-fg-1);margin:0 0 8px;font-size:18px;font-weight:600}.blog-empty__lead{max-width:460px;margin:0 auto;font-size:14px;line-height:1.55}