.blg-h{text-align:center;padding:3.5rem 0 2rem}.blg-h h1{font-size:var(--text-5xl);letter-spacing:-.035em;margin:.75rem 0 .5rem;font-weight:800}.blg-view-toggle{justify-content:center;margin-bottom:1.5rem;display:flex}.blg-cats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.blg-pill{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:var(--surface-1);transition:all var(--d-fast);padding:.4375rem .875rem;font-weight:500}.blg-pill.sel{background:var(--brand);border-color:var(--brand);color:#fff}.blg-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.blg-post{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);cursor:pointer;transition:border-color var(--d-fast), transform var(--d-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blg-post:hover{border-color:var(--border-strong);transform:translateY(-3px)}.blg-post .cover{height:168px;position:relative}.blg-post .cover .cat{border-radius:var(--r-full);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:3px 9px;font-size:.625rem;font-weight:600;position:absolute;top:12px;left:12px}.blg-post .pbody{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blg-post h3{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .5rem;font-weight:600;line-height:1.3}.blg-post p{font-size:var(--text-sm);color:var(--text-secondary);flex:1;margin:0 0 1rem;line-height:1.55}.blg-post .pmeta{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.blg-post .av{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.625rem;font-weight:700;display:grid}.blg-cs-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.blg-cs{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);cursor:pointer;transition:border-color var(--d-fast);grid-template-columns:150px 1fr;text-decoration:none;display:grid;overflow:hidden}.blg-cs:hover{border-color:var(--brand)}.blg-cs .thumb{color:#ffffff4d;background:linear-gradient(160deg,#0c2233,#071018);place-items:center;display:grid}.blg-cs .csbody{padding:1.5rem}.blg-cs .ch{font-size:var(--text-xs);color:var(--text-muted)}.blg-cs h3{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text-primary);margin:.25rem 0 .75rem;font-weight:700}.blg-cs .metric{font-size:var(--text-3xl);letter-spacing:-.03em;background:linear-gradient(100deg,var(--brand),var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.blg-cs .ml{font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width:900px){.blg-grid,.blg-cs-grid{grid-template-columns:1fr}.blg-cs{grid-template-columns:110px 1fr}}