.blog-page .blog-list-main,.blog-page .blog-article-main{flex:1;padding:72px 24px 96px}.blog-page .blog-list-container{max-width:1152px;margin-inline:auto}.blog-page .blog-list-heading{text-align:center;max-width:680px;margin:0 auto 48px}.blog-page .blog-list-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.12}.blog-page .blog-list-heading p{color:#5f6b7d;text-wrap:pretty;margin:20px 0 0;font-size:17px;line-height:1.75}.blog-page .blog-guide-link>a{background:#f6f9ff;border-color:#dce5f1;border-radius:16px;margin-bottom:32px}.blog-page .blog-guide-link>a:hover{border-color:#94b6f4}.blog-page .blog-guide-link h2{letter-spacing:-.025em;font-family:inherit;font-size:23px;font-weight:650;line-height:1.35}.blog-page .blog-guide-link>a>div>p:first-child{color:#245edb}.blog-page .blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;display:grid}.blog-page .blog-card{background:#fff;border-color:#e1e7ef;border-radius:16px;min-width:0;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 5px #162b4d08}.blog-page .blog-card:hover{border-color:#a9c2ee;transform:none;box-shadow:0 8px 24px #162b4d12}.blog-page .blog-card-image{aspect-ratio:16/9;border-bottom:1px solid #edf0f5}.blog-page .blog-card-body{gap:12px;padding:24px}.blog-page .blog-card-title{letter-spacing:-.025em;text-wrap:pretty;font-family:inherit;font-size:20px;font-weight:650;line-height:1.45}.blog-page .blog-card-description{color:#5f6b7d;font-size:14px;line-height:1.75}.blog-page .blog-card-meta{color:#697588;flex-wrap:wrap;gap:10px;padding-top:12px;line-height:1.6}.blog-page .blog-empty{color:#5f6b7d;text-align:center;border:1px solid #e1e7ef;border-radius:16px;padding:48px 24px}.blog-page .blog-article{max-width:960px;margin-inline:auto}.blog-page .blog-back-link{color:#5f6b7d;align-items:center;gap:8px;min-height:40px;font-size:14px;font-weight:500;display:inline-flex}.blog-page .blog-back-link:hover{color:#245edb}.blog-page .blog-article-heading{max-width:760px;margin:32px auto 40px}.blog-page .blog-article-title{letter-spacing:-.04em;text-wrap:pretty;overflow-wrap:anywhere;font-size:clamp(32px,4.3vw,48px);font-weight:700;line-height:1.17}.blog-page .blog-article-description{color:#5f6b7d;margin-top:24px;font-size:19px;line-height:1.75}.blog-page .blog-article-meta{color:#697588;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:14px;display:flex}.blog-page .blog-article-cover{aspect-ratio:1200/630;object-fit:cover;border:1px solid #e1e7ef;border-radius:18px;width:100%;height:auto;margin:0 0 56px;display:block}.blog-page .blog-article-content{color:#435066;overflow-wrap:anywhere;min-width:0;max-width:760px;margin-inline:auto;font-size:17px;line-height:1.9}.blog-page .blog-article-content :is(h1,h2,h3,h4){color:#17243b;letter-spacing:-.025em;scroll-margin-top:100px;font-family:inherit;font-weight:650;line-height:1.35}.blog-page .blog-article-content :is(h1,h2){margin-top:44px;margin-bottom:16px;font-size:28px}.blog-page .blog-article-content :is(h3,h4){margin-top:32px;margin-bottom:12px;font-size:21px}.blog-page .blog-article-content :is(p,ul,ol){margin-top:20px}.blog-page .blog-article-content :is(p,li){color:inherit;line-height:1.9}.blog-page .blog-article-content :is(a,a:hover){color:#245edb;text-underline-offset:3px;text-decoration:underline}.blog-page .blog-article-content strong{color:#17243b}.blog-page .blog-article-content blockquote{color:#435066;border-left:3px solid #a9c2ee;margin-block:28px;padding:4px 0 4px 24px;font-style:normal}.blog-page .blog-article-content blockquote>:first-child{margin-top:0}.blog-page .blog-article-content :is(pre,table){overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.blog-page .blog-article-content pre{background:#f6f8fb;border:1px solid #e1e7ef;border-radius:12px;margin-block:28px;padding:20px}.blog-page .blog-article-content table{border-collapse:collapse;width:100%;margin-block:32px;font-size:14px;line-height:1.6;display:block}.blog-page .blog-article-content :is(th,td){text-align:start;vertical-align:top;border:1px solid #e1e7ef;min-width:150px;padding:14px 16px}.blog-page .blog-article-content th{color:#17243b;background:#f6f8fb;font-weight:600}.blog-page .blog-article-content img{border-radius:12px;max-width:100%;height:auto;margin-block:28px}.blog-page .blog-article-cta{background:#f6f9ff;border:1px solid #dce5f1;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;max-width:760px;margin:56px auto 0;padding:28px;display:flex}.blog-page .blog-article-cta h2{letter-spacing:-.025em;max-width:360px;font-size:21px;font-weight:650;line-height:1.4}.blog-page .blog-create-link{color:#fff;background:#245edb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.blog-page .blog-create-link:hover{background:#1c4cba}.blog-page :is(.blog-card,.blog-back-link,.blog-create-link):focus-visible,.blog-page .blog-guide-link>a:focus-visible,.blog-page .blog-article-content a:focus-visible{outline-offset:4px;outline:3px solid #245edb}@media (width<=1023px){.blog-page .blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.blog-page .blog-list-main,.blog-page .blog-article-main{padding:40px 20px 64px}.blog-page .blog-list-heading{margin-bottom:32px}.blog-page .blog-card-grid{grid-template-columns:minmax(0,1fr);gap:24px}.blog-page .blog-article-heading{margin-top:24px;margin-bottom:32px}.blog-page .blog-article-description{font-size:17px}.blog-page .blog-article-cover{border-radius:12px;margin-bottom:36px}.blog-page .blog-article-content{font-size:16px}.blog-page .blog-article-content :is(h1,h2){font-size:25px}.blog-page .blog-article-cta{flex-direction:column;align-items:flex-start;padding:24px}}@media (prefers-reduced-motion:reduce){.blog-page .blog-card,.blog-page .blog-card-image{transition:none}.blog-page .blog-card:hover .blog-card-image{transform:none}}