.blogLayout{background:var(--color-background);min-height:100vh;color:var(--color-textPrimary);flex-direction:column;display:flex}.blogHeader{border-bottom:1px solid var(--color-border);padding:16px 24px}.blogHeaderInner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;display:flex}.blogLogo{color:var(--color-textPrimary);align-items:center;text-decoration:none;display:flex}.blogLogo img{width:auto;height:24px}.blogNav{align-items:center;gap:24px;display:flex}.blogNavLink{color:var(--color-textSecondary);font-size:14px;text-decoration:none;transition:color .2s}.blogNavLink:hover{color:var(--color-textPrimary)}.blogMobileMenuBtn{width:40px;height:40px;color:var(--color-textPrimary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .2s;display:none}.blogMobileMenuBtn:hover{background:var(--color-surfaceRaised)}.blogMobileMenuBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#0a0a0b99;transition:opacity .25s;position:fixed;inset:0}.blogMobileMenuBackdrop.open{opacity:1;pointer-events:auto}.blogMobileMenuSheet{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:101;flex-direction:column;width:min(320px,85vw);padding:20px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.blogMobileMenuSheet.open{transform:translate(0)}.blogMobileMenuHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}.blogMobileMenuTitle{color:var(--color-textPrimary);font-size:18px;font-weight:700}.blogMobileMenuClose{width:36px;height:36px;color:var(--color-textSecondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.blogMobileMenuClose:hover{background:var(--color-surfaceRaised);color:var(--color-textPrimary)}.blogMobileMenuNav{flex-direction:column;gap:4px;display:flex}.blogMobileMenuLink{border-radius:var(--radius);color:var(--color-textSecondary);align-items:center;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.blogMobileMenuLink:hover{background:var(--color-surfaceRaised);color:var(--color-textPrimary)}.blogMobileMenuDivider{background:var(--color-border);height:1px;margin:16px 0}.blogMain{flex:1;padding:80px 24px}.blogInner{max-width:720px;margin:0 auto}.blogTitle{letter-spacing:-.02em;margin:0 0 16px;font-size:40px;font-weight:700;line-height:1.2}.blogSubtitle{color:var(--color-textSecondary);margin:0 0 48px;font-size:18px;line-height:1.6}.blogEmpty{color:var(--color-textSecondary);font-size:16px}.blogGrid{flex-direction:column;gap:40px;display:flex}.blogCard{border-bottom:1px solid var(--color-border);padding-bottom:40px}.blogCard:last-child{border-bottom:none;padding-bottom:0}.blogCardMeta{color:var(--color-textTertiary);margin-bottom:8px;font-size:13px}.blogCardTitle{margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.3}.blogCardLink{color:var(--color-textPrimary);text-decoration:none;transition:color .2s}.blogCardLink:hover{color:var(--color-accent)}.blogCardDescription{color:var(--color-textSecondary);margin:0 0 16px;font-size:16px;line-height:1.7}.blogCardTags{flex-wrap:wrap;gap:8px;display:flex}.blogCardTag{background:var(--color-accentMuted);color:var(--color-accent);border-radius:var(--radius);padding:4px 10px;font-size:12px;font-weight:500}.blogFooter{border-top:1px solid var(--color-border);text-align:center;padding:24px}.blogFooterLegal{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:12px;display:flex}.blogFooterLegal a{color:var(--color-textTertiary);font-size:13px;text-decoration:none;transition:color .2s}.blogFooterLegal a:hover{color:var(--color-textSecondary)}.blogFooterCopyright{color:var(--color-textTertiary);font-size:13px}@media (max-width:767px){.blogHeader{padding:12px 16px}.blogNav{display:none}.blogMobileMenuBtn{display:flex}.blogMain{padding:40px 20px}}@media (max-width:640px){.blogTitle{font-size:28px}.blogCardTitle{font-size:20px}}