.blog-shell{width:min(1200px,calc(100% - 40px));margin:48px auto 72px}.blog-heading{margin-bottom:28px}.blog-heading h1{font-size:clamp(2rem,5vw,3rem);margin:8px 0}.blog-eyebrow,.blog-read-more{color:var(--primary,#818cf8)}.blog-heading p,.blog-meta,.blog-card p{opacity:.75}.blog-search,.blog-actions,.blog-pagination,.blog-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.blog-search{margin:24px 0}.blog-search .form-control{flex:1;min-width:160px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{border:1px solid var(--border-color,rgba(128,128,128,.2));border-radius:20px;overflow:hidden;background:var(--card-bg,rgba(128,128,128,.06));display:flex;flex-direction:column}.blog-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:rgba(128,128,128,.08)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.blog-card-image:hover img{transform:scale(1.035)}.blog-cover-placeholder{display:grid;place-items:center;height:100%;font-size:3rem;opacity:.35}.blog-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.blog-card h2{font-size:1.2rem;line-height:1.7;margin:12px 0}.blog-card a,.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-card p{line-height:1.9;margin:0 0 20px}.blog-read-more{margin-top:auto;font-size:.9rem}.blog-pagination{justify-content:center;margin-top:32px}.blog-empty{padding:40px;grid-column:1/-1;text-align:center}.blog-article{max-width:900px;margin:28px auto}.blog-article h1{font-size:clamp(1.6rem,4vw,2.7rem);line-height:1.6;margin:16px 0}.blog-lead{font-size:1.12rem;line-height:2;opacity:.8}.blog-article-cover{display:block;width:100%;max-height:550px;object-fit:cover;border-radius:20px;margin:28px 0}.blog-article-content{line-height:2.1;overflow-wrap:anywhere;overflow-x:auto;padding:8px 0}.blog-article-content img,.blog-article-content video{max-width:100%;height:auto}.blog-article-content table{width:100%;border-collapse:collapse}.blog-article-content td,.blog-article-content th{border:1px solid rgba(128,128,128,.35);padding:10px}.blog-faq{margin:40px 0}.blog-faq details{border-bottom:1px solid rgba(128,128,128,.25);padding:18px 0}.blog-faq summary{cursor:pointer;font-weight:600}.blog-faq details div{padding:14px 0;line-height:2}.blog-related{margin-top:56px}.blog-preview{padding:18px;border:1px solid #eab308;border-radius:14px;justify-content:space-between}.blog-editor{max-width:1100px}.blog-editor-section{padding:24px;margin:20px 0;border:1px solid rgba(128,128,128,.2);border-radius:16px}.blog-editor-section p{line-height:1.9;opacity:.8}.blog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-fields .form-group{display:grid;gap:8px}.blog-fields small{opacity:.7}.blog-faq-row{padding:16px;margin:16px 0;border:1px solid rgba(128,128,128,.2);border-radius:12px}.blog-faq-row p{display:grid;gap:8px}.blog-admin-table{overflow-x:auto}.blog-admin-table table{width:100%;border-collapse:collapse}.blog-admin-table th,.blog-admin-table td{text-align:right;padding:16px;border-bottom:1px solid rgba(128,128,128,.2)}.blog-actions form{margin:0}.blog-editor .errorlist{color:#ef4444}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-shell{width:calc(100% - 28px);margin-top:28px}.blog-grid,.blog-fields{grid-template-columns:1fr}.blog-editor-section{padding:16px}.blog-card-body{padding:18px}.blog-actions .btn{font-size:.8rem}.blog-article-cover{border-radius:12px}}