.blog-shell{max-width:1140px;margin:0 auto;padding:0 20px 55px}
.blog-heading{margin:48px auto 38px;text-align:center;max-width:780px}.blog-heading h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.12;font-weight:800;letter-spacing:-.045em;margin:12px 0}.blog-heading p{font-size:1.08rem;line-height:1.7;color:#64748b}.dark .blog-heading p{color:#a5b2c6}
.blog-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 24px}.blog-toolbar form{display:flex;gap:10px;flex:1;flex-wrap:wrap}.blog-input,.blog-select{border:1px solid #cbd5e1;color:#17233b;background:#fff;border-radius:12px;padding:12px 14px;min-width:170px;max-width:100%}.blog-input{flex:1;min-width:220px}.dark .blog-input,.dark .blog-select{border-color:#34405a;background:#17223b;color:#f1f5f9}.blog-btn{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:12px 19px;font-weight:700;cursor:pointer}.blog-view-switch{display:flex;padding:4px;border:1px solid #cbd5e1;border-radius:13px;gap:3px}.dark .blog-view-switch{border-color:#334155}.blog-view-switch button{border:0;border-radius:9px;background:transparent;color:inherit;padding:9px 13px;font-weight:600;cursor:pointer}.blog-view-switch button[aria-pressed=true]{background:#3b82f6;color:white}
.blog-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.blog-results.list-view{grid-template-columns:1fr}.blog-card{overflow:hidden;display:flex;flex-direction:column;background:rgba(255,255,255,.85);border:1px solid rgba(15,23,42,.08);border-radius:23px;box-shadow:0 8px 25px rgba(15,23,42,.04);transition:transform .18s,box-shadow .18s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 33px rgba(15,23,42,.12)}.dark .blog-card{background:rgba(16,25,44,.83);border-color:#26364f}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9eefb}.blog-card-content{padding:25px;flex:1;display:flex;flex-direction:column}.blog-cat{font-size:.74rem;font-weight:800;letter-spacing:.06em;color:#3b82f6;text-transform:uppercase}.blog-card h2{font-size:1.28rem;font-weight:750;margin:11px 0;line-height:1.35}.blog-card h2 a{text-decoration:none;color:inherit}.blog-card p{color:#64748b;line-height:1.62;font-size:.93rem;flex:1}.dark .blog-card p{color:#a4b2c6}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:.82rem;color:#64748b;gap:12px}.blog-card-footer a{color:#2563eb;font-weight:750}.blog-results.list-view .blog-card{flex-direction:row}.blog-results.list-view .blog-card img{width:260px;min-height:215px;aspect-ratio:auto}.blog-pagination{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:36px 0}.blog-pagination a,.blog-pagination span{padding:10px 15px;border:1px solid #cbd5e1;border-radius:10px;font-weight:600}.blog-pagination .current{background:#2563eb;color:white;border-color:#2563eb}.blog-empty{text-align:center;grid-column:1/-1;padding:64px 24px;border:1px solid #cbd5e1;border-radius:20px}.blog-story{max-width:830px;margin:22px auto 85px}.blog-story h1{font-size:clamp(2.25rem,5vw,3.9rem);font-weight:800;line-height:1.15;letter-spacing:-.04em;margin:16px 0 20px}.blog-story .summary{font-size:1.18rem;line-height:1.7;color:#64748b}.dark .blog-story .summary{color:#a5b4ca}.blog-story-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin:32px 0}.blog-prose{font-size:1.07rem;line-height:1.85;overflow-wrap:anywhere}.blog-prose p{margin:0 0 1.25em}.blog-prose h2{font-size:1.6rem;font-weight:800;line-height:1.3;margin:1.7em 0 .75em}.blog-prose h3{font-size:1.3rem;font-weight:750;margin:1.6em 0 .6em}.blog-prose ul{list-style:disc;padding-left:1.6em;margin:0 0 1.6em}.blog-prose li{margin:.45em 0}.blog-prose blockquote{border-left:4px solid #3b82f6;padding:12px 20px;background:rgba(59,130,246,.05);margin:1.3em 0;border-radius:0 10px 10px 0}.blog-prose a{color:#2563eb;text-decoration:underline}.blog-switch-links{display:flex;gap:9px;justify-content:center;margin:24px 0}.blog-switch-links a{padding:8px 16px;border-radius:10px;border:1px solid #cbd5e1}.blog-switch-links .selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.blog-back{display:inline-block;margin-bottom:24px;color:#3b82f6;font-weight:700}.blog-meta{color:#64748b;font-size:.91rem}
@media(max-width:930px){.blog-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-results{grid-template-columns:1fr}.blog-results.list-view .blog-card{flex-direction:column}.blog-results.list-view .blog-card img{width:100%;min-height:0;aspect-ratio:16/9}.blog-toolbar form{flex-direction:column}.blog-input,.blog-select{width:100%}.blog-toolbar{align-items:stretch}.blog-view-switch{margin-left:auto}.blog-card-content{padding:21px}}

.blog-inline-image {margin:2rem 0;text-align:center;} .blog-inline-image img{display:block;max-width:100%;height:auto;border-radius:16px;margin:auto;box-shadow:0 12px 28px rgba(0,0,0,.12);}