.blog-main{min-block-size:60vh;background:radial-gradient(ellipse at 77% 0%,#e5f4ff 0%,#f5fbff 26%,#fff 58%);padding-block:64px 96px}
[dir=rtl] .blog-main{background:radial-gradient(ellipse at 23% 0%,#e5f4ff 0%,#f5fbff 26%,#fff 58%)}
.blog-index-heading{margin-block-end:40px}
.blog-index-heading h1,.blog-detail-heading h1{font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-.035em;max-inline-size:920px;overflow-wrap:anywhere}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.blog-card{min-inline-size:0;border:1px solid #e3eaf1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #19324d08}
.blog-card-link{display:block;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s}
.blog-card:hover{box-shadow:0 14px 36px #19324d14}
.blog-card-link:hover{transform:translateY(-3px)}
.blog-card-link:focus-visible{outline:3px solid #4285f4;outline-offset:-4px;border-radius:22px}
.blog-card-media{aspect-ratio:16/10;background:linear-gradient(135deg,#e7f2ff,#f2f8fc);overflow:hidden}
.blog-card-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.blog-image-placeholder{display:grid;place-items:center;block-size:100%;color:#4285f4}
.blog-image-placeholder .site-icon{inline-size:64px;block-size:64px;opacity:.6}
.blog-card-copy{padding:26px;text-align:start}
.blog-card-copy h2{font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.blog-card-copy p{margin-block-start:12px;font-size:16px;line-height:1.65;color:#64748b;overflow-wrap:anywhere}
.blog-card-arrow{display:flex;justify-content:flex-end;color:#4285f4;margin-block-start:24px}
[dir=rtl] .blog-card-arrow svg,[dir=rtl] .blog-back span{transform:scaleX(-1)}
.blog-detail{max-inline-size:1000px}
.blog-back{display:inline-flex;align-items:center;gap:10px;color:#356fc5;text-decoration:none;min-block-size:44px;margin-block-end:28px}
.blog-back:focus-visible{outline:3px solid #4285f4;outline-offset:5px;border-radius:4px}
.blog-detail-heading p{font-size:clamp(18px,2vw,23px);line-height:1.65;color:#64748b;margin-block-start:20px;overflow-wrap:anywhere}
.blog-detail-image{display:block;inline-size:100%;max-block-size:560px;object-fit:cover;border-radius:22px;margin-block-start:36px}
.blog-content.site-prose{min-height:0;max-inline-size:760px;padding:0;margin:40px auto 0;overflow-wrap:anywhere;font-size:18px;line-height:1.85}
.blog-content img,.blog-content video,.blog-content iframe{max-inline-size:100%;block-size:auto}
.blog-content iframe{aspect-ratio:16/9}
.blog-content table{display:block;max-inline-size:100%;overflow-x:auto}
.blog-content pre{max-inline-size:100%;overflow-x:auto}
.blog-empty{padding-block:32px;color:#64748b;font-size:18px}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:600px){.blog-main{padding-block:36px 64px}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-index-heading{margin-block-end:26px}.blog-card-copy{padding:22px}.blog-detail-image{margin-block-start:26px}.blog-content.site-prose{margin-block-start:28px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.blog-card-link{transition:none}.blog-card-link:hover{transform:none}}