.blog-head{padding:clamp(40px,7vw,80px) 0 clamp(24px,4vw,40px)}.blog-head h1{margin-bottom:16px;font-size:clamp(2.3rem,4.8vw,3.6rem)}.blog-cats{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.blog-cats a{border:1px solid var(--border-subtle);color:var(--text-primary);background:#fff;border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:500}.blog-cats a[aria-current]{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px;padding-bottom:clamp(64px,10vw,120px);display:grid}.post-card{border:1px solid var(--border-subtle);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.post-card:hover{color:inherit;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.post-card__body{flex:1;align-content:start;gap:10px;padding:22px;display:grid}.post-card__body h2{letter-spacing:-.01em;font-size:1.2rem}.post-card__body p{color:var(--text-muted);font-size:.95rem}.post-meta{font:500 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.blog-empty{text-align:center;color:var(--text-muted);padding:48px 0 120px}.cover{--c1:#3d46e8;--c2:#00c2d4;aspect-ratio:16/9;color:#fff;background:radial-gradient(120% 120% at 100% 0%, var(--c2), transparent 60%), linear-gradient(135deg, #0a1f3d 10%, var(--c1));flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative;overflow:hidden}.cover:after{content:"";border:18px solid #ffffff14;border-radius:40px;width:180px;height:180px;position:absolute;bottom:-40px;right:-40px;transform:rotate(18deg)}.cover__cat{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border-radius:99px;align-self:flex-start;padding:6px 10px}.cover__title{letter-spacing:-.02em;z-index:1;max-width:90%;font-size:1.35rem;font-weight:900;line-height:1.15;position:relative}.cover--big{border-radius:var(--radius-lg);aspect-ratio:auto;min-height:280px;padding:clamp(24px,4vw,44px)}.cover--big .cover__title{max-width:22ch;font-size:clamp(1.9rem,4vw,3rem)}.post{padding:clamp(32px,6vw,64px) 0 clamp(64px,10vw,120px)}.post__wrap{max-width:760px;margin-inline:auto}.post__back{margin-bottom:24px;font-weight:500;display:inline-block}.post__meta{flex-wrap:wrap;gap:6px 18px;margin:20px 0 32px;display:flex}.post__body{font-size:1.08rem;line-height:1.75}.post__body>*+*{margin-top:1.1em}.post__body h2{margin-top:2em;font-size:clamp(1.5rem,2.6vw,1.9rem)}.post__body h3{margin-top:1.6em;font-size:1.25rem}.post__body p,.post__body li{color:#2b3a52}.post__body ul,.post__body ol{gap:.4em;padding-left:1.3em;display:grid}.post__body a{text-underline-offset:3px;text-decoration:underline}.post__body blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5em 0;padding:16px 20px}.post__body code{font-family:var(--mono);background:var(--surface-secondary);border-radius:6px;padding:2px 6px;font-size:.88em}.post__body pre:not(.mermaid){background:var(--surface-inverse);color:#e6ecf5;border-radius:var(--radius-sm);padding:18px;font-size:.9rem;overflow-x:auto}.post__body pre:not(.mermaid) code{color:inherit;background:0 0;padding:0}.post__body img{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);box-shadow:var(--shadow)}.post__body figure{margin:1.6em 0}.post__body figcaption{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.88rem}.post__body table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.post__body th,.post__body td{border:1px solid var(--border-subtle);text-align:left;padding:8px 12px}.post__body th{background:var(--surface-secondary)}.post__body pre.mermaid{border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:center;color:#0000;background:#fff;padding:20px;overflow-x:auto}.post__body pre.mermaid[data-processed]{color:inherit}.post-cta{border-radius:var(--radius);background:var(--surface-inverse);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:48px;padding:28px;display:flex}.post-cta p{color:#b9c3d6}.post-cta strong{color:#fff;margin-bottom:4px;font-size:1.2rem;display:block}.yt{aspect-ratio:16/9;background:var(--surface-inverse);border-radius:var(--radius);position:relative;overflow:hidden}.yt button{all:unset;cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.yt img{object-fit:cover;opacity:.85;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.yt__play{background:var(--accent);border-radius:50%;width:76px;height:76px;position:relative;box-shadow:0 10px 30px #3d46e880}.yt__play:after{content:"";border:14px solid #0000;border-left:22px solid #fff;border-right-width:0;position:absolute;top:24px;left:31px}.yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}