.xo-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.xo-blog-card{background:var(--xo-bg-card);border:1px solid var(--xo-border);border-radius:var(--xo-radius);overflow:hidden;transition:transform var(--xo-transition-slow),border-color var(--xo-transition)}.xo-blog-card:hover{transform:translateY(-3px);border-color:var(--xo-border-light)}.xo-blog-card-link{display:block;color:inherit}.xo-blog-card-img{aspect-ratio:16/9;overflow:hidden}.xo-blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.xo-blog-card:hover .xo-blog-card-img img{transform:scale(1.04)}.xo-blog-card-body{padding:16px 18px}.xo-blog-card-date{font-size:.7rem;color:var(--xo-text-muted);text-transform:uppercase;letter-spacing:.05em}.xo-blog-card-title{font-size:.95rem;font-weight:600;margin:6px 0 8px;line-height:1.3}.xo-blog-card-excerpt{font-size:.8rem;color:var(--xo-text-muted);line-height:1.6;margin-bottom:10px}.xo-blog-card-more{font-size:.78rem;color:var(--xo-accent);font-weight:500}.xo-post-wrap{max-width:780px;margin:0 auto}.xo-post-header{margin-bottom:24px}.xo-post-meta{font-size:.8rem;color:var(--xo-text-muted);display:flex;align-items:center;gap:0;margin-bottom:10px}.xo-post-meta-sep{margin:0 8px}.xo-post-title{font-size:1.8rem;line-height:1.3;color:var(--xo-text)}.xo-post-hero{border-radius:var(--xo-radius);overflow:hidden;margin-bottom:32px;max-height:400px}.xo-post-hero img{width:100%;height:100%;object-fit:cover}.xo-post-body{background:var(--xo-bg-card);border:1px solid var(--xo-border);border-radius:var(--xo-radius);padding:36px 40px;margin-bottom:32px}.xo-post-body h2{font-size:1.3rem;margin:28px 0 12px;color:var(--xo-text)}.xo-post-body h3{font-size:1.1rem;margin:24px 0 10px;color:var(--xo-text)}.xo-post-body p{font-size:.95rem;color:var(--xo-text-secondary);line-height:1.85;margin-bottom:14px}.xo-post-body strong,.xo-post-body b{color:var(--xo-text)}.xo-post-body a{color:var(--xo-accent)}.xo-post-body a:hover{text-decoration:underline}.xo-post-body ul,.xo-post-body ol{padding-left:20px;margin-bottom:14px}.xo-post-body li{font-size:.95rem;color:var(--xo-text-secondary);line-height:1.8;margin-bottom:6px;list-style:disc}.xo-post-body ol li{list-style:decimal}.xo-post-body blockquote{border-left:3px solid var(--xo-accent);padding:12px 20px;margin:20px 0;background:var(--xo-bg-elevated);border-radius:0 var(--xo-radius-sm) var(--xo-radius-sm) 0;color:var(--xo-text-secondary);font-style:italic}.xo-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.xo-post-nav-link{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--xo-bg-card);border:1px solid var(--xo-border);border-radius:var(--xo-radius-sm);transition:border-color var(--xo-transition)}.xo-post-nav-link:hover{border-color:var(--xo-accent)}.xo-post-nav-label{font-size:.72rem;color:var(--xo-accent);text-transform:uppercase;letter-spacing:.05em}.xo-post-nav-title{font-size:.85rem;color:var(--xo-text-secondary);line-height:1.4}.xo-post-nav-next{text-align:right}.xo-post-related{margin-top:10px}.xo-post-related h3{margin-bottom:20px}.xo-post-content h2{font-size:1.3rem;margin:28px 0 12px;color:var(--xo-text)}.xo-post-content p{font-size:.95rem;color:var(--xo-text-secondary);line-height:1.85;margin-bottom:14px}.xo-post-content a{color:var(--xo-accent)}.xo-post-meta-old{font-size:.8rem;color:var(--xo-text-muted);margin:8px 0 24px;display:flex;gap:12px}.xo-post-related{margin-top:50px}.xo-post-related h3{margin-bottom:20px}.xo-blog-list{display:flex;flex-direction:column;gap:24px}.xo-blog-item{display:grid;grid-template-columns:300px 1fr;gap:24px;background:var(--xo-bg-card);border:1px solid var(--xo-border);border-radius:var(--xo-radius);overflow:hidden;transition:border-color var(--xo-transition)}.xo-blog-item:hover{border-color:var(--xo-border-light)}.xo-blog-item-img{display:block;overflow:hidden}.xo-blog-item-img img{width:100%;height:100%;object-fit:cover;min-height:180px;transition:transform .4s}.xo-blog-item:hover .xo-blog-item-img img{transform:scale(1.03)}.xo-blog-item-body{padding:20px 24px 20px 0;display:flex;flex-direction:column;justify-content:center}.xo-blog-item-date{font-size:.72rem;color:var(--xo-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.xo-blog-item-title{font-size:1.05rem;font-weight:600;margin-bottom:8px;line-height:1.3}.xo-blog-item-title a{color:var(--xo-text)}.xo-blog-item-title a:hover{color:var(--xo-accent)}.xo-blog-item-excerpt{font-size:.85rem;color:var(--xo-text-muted);line-height:1.6;margin-bottom:10px}.xo-blog-item-more{font-size:.8rem;color:var(--xo-accent);font-weight:500}@media (max-width:768px){.xo-blog-grid{grid-template-columns:1fr}.xo-blog-item{grid-template-columns:1fr}.xo-blog-item-body{padding:16px}}