.blog-page{color:var(--opsphere-text)}.blog-page-inner{max-width:64rem;margin-inline:auto;padding:3rem 1rem}@media (min-width:640px){.blog-page-inner{padding-inline:1.5rem}}.blog-page-inner--article{max-width:48rem}.blog-page-hero{margin-bottom:2.5rem}.blog-page-hero-title{letter-spacing:var(--opsphere-tracking-tight);color:var(--opsphere-text);margin:0;font-size:2.25rem;font-weight:700}@media (min-width:640px){.blog-page-hero-title{font-size:2.5rem}}.blog-page-hero-lead{color:var(--opsphere-text-subtle);margin:.75rem 0 0;font-size:1.125rem;line-height:1.5}.blog-page-back{color:var(--opsphere-text-subtle);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.blog-page-back:hover{color:var(--opsphere-text)}.blog-page-empty{color:var(--opsphere-text-subtle)}.blog-card{border-radius:var(--opsphere-radius-lg);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .15s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.blog-card{transition:border-color .15s}.blog-card:hover{transform:none}}.blog-card-image-wrap{aspect-ratio:16/9;background:var(--opsphere-surface);width:100%;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-image{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.blog-card-image{transition:none}.blog-card:hover .blog-card-image{transform:none}}.blog-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card-date{color:#10e7ff;font-size:.75rem;font-weight:500}.blog-card-title{color:var(--opsphere-text);margin:.5rem 0 0;font-size:1.125rem;font-weight:600;line-height:1.35;transition:color .15s}.blog-card:hover .blog-card-title{color:var(--opsphere-nav-active)}.blog-card-desc{color:var(--opsphere-text-subtle);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.blog-pagination{justify-content:space-between;align-items:center;margin-top:3rem;display:flex}.blog-pagination-btn{border:1px solid var(--opsphere-border-strong);border-radius:var(--opsphere-radius);color:var(--opsphere-text-muted);align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.blog-pagination-btn:hover{color:var(--opsphere-text);background:#ffffff0f}.blog-pagination-btn--disabled{color:#ffffff59;cursor:not-allowed}.blog-pagination-status{color:var(--opsphere-text-subtle);font-size:.875rem}.blog-article-header{margin-bottom:2rem}.blog-article-header h1{letter-spacing:var(--opsphere-tracking-tight);color:var(--opsphere-text);margin:0;font-size:2rem;font-weight:700;line-height:1.2}@media (min-width:640px){.blog-article-header h1{font-size:2.25rem}}.blog-article-date{color:#10e7ff;margin-top:1rem;font-size:.875rem;display:block}.blog-content-panel{border-radius:var(--opsphere-radius-lg);margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem)}.blog-article-footer{border-top:1px solid var(--opsphere-border-strong);margin-top:3rem;padding-top:1.5rem}.blog-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.blog-tag{border:1px solid var(--opsphere-border-strong);color:var(--opsphere-text-subtle);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-block}.blog-tag:hover{border-color:var(--opsphere-nav-active);color:var(--opsphere-text);background:#11a9ea14}
