.blog-library{margin:12px 0 80px}.blog-library-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.blog-library-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.035em;margin:10px 0 0}.blog-library-heading>p{max-width:480px;font-size:16px;line-height:1.65;color:#597184;margin:0}.blog-controls{display:grid;grid-template-columns:1fr 280px;gap:20px;padding:22px;background:#eef5fa;border:1px solid #dce8f1;border-radius:18px}.blog-controls[hidden]{display:none}.blog-controls label{font-size:13px;font-weight:650;display:grid;gap:8px;color:#17364c}.blog-controls input,.blog-controls select{box-sizing:border-box;width:100%;min-width:0;height:46px;border:1px solid #cbdce8;border-radius:9px;padding:10px 13px;font:inherit;font-size:16px;background:white;color:#17364c}.blog-controls :is(input,select):focus-visible,.blog-more:focus-visible,.blog-empty button:focus-visible{outline:3px solid #4aa7e9;outline-offset:3px}.blog-results{font-size:13px;color:#597184;margin:20px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-card{overflow:hidden;background:#fff;border:1px solid #dce6ee;border-radius:18px;min-width:0;display:flex;flex-direction:column}.blog-card[hidden]{display:none}.blog-card-image{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(125deg,#e4f2fc,#ecedef);overflow:hidden;color:#17364c}.blog-card-image>img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-image>span:last-child{position:absolute;bottom:12px;left:12px;border-radius:30px;background:#fffffff0;padding:5px 10px;font-size:11px;font-weight:600;color:#17364c}.blog-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;line-height:1.5;color:#64798b}.blog-card-meta>span{color:#2576b8;font-weight:650}.blog-card h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:13px 0}.blog-card h3 a{color:#17364c;text-decoration:none}.blog-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.blog-card h3 a:focus-visible{outline:2px solid #2576b8;outline-offset:5px}.blog-card-copy>p{font-size:14px;line-height:1.6;color:#597184;margin:0 0 22px}.blog-card-language{margin-top:auto;font-size:12px;color:#2576b8;font-weight:600;display:flex;justify-content:space-between;align-items:center}.blog-guide-flow{height:100%;display:flex;gap:12px;align-items:center;justify-content:center}.blog-guide-flow>span{display:grid;place-items:center;width:52px;height:65px;border-radius:12px;background:#fff;box-shadow:0 8px 22px #2576b820;color:#2576b8;font-size:29px}.blog-guide-flow i{font-size:22px;font-style:normal}.blog-image-fallback{display:flex!important;align-items:center;justify-content:center;position:static!important;width:100%;height:100%;font-size:45px!important;background:transparent!important;font-weight:750!important;box-sizing:border-box;color:#2576b8!important}.blog-image-fallback span{font-size:25px}.blog-more,.blog-empty button{display:block;margin:30px auto 0;border:1px solid #2576b8;border-radius:10px;padding:13px 24px;background:#2576b8;color:#fff;font:inherit;font-weight:600;cursor:pointer}.blog-more[hidden],.blog-empty[hidden]{display:none}.blog-empty{text-align:center;background:#eef5fa;border-radius:18px;padding:36px 24px}.blog-empty h3{font-size:24px;line-height:1.25;margin:0 0 12px}.blog-empty p{color:#597184;font-size:15px;line-height:1.6}.blog-guide .blog-card-image{background:linear-gradient(135deg,#d9f0ff,#f2ebff)}
@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-library-heading{align-items:start;flex-direction:column;gap:18px}.blog-library-heading>p{max-width:650px}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-controls{grid-template-columns:1fr;padding:16px;gap:15px}.blog-card-copy{padding:20px}.blog-library{margin-bottom:50px}.blog-library-heading>p{font-size:15px}.blog-card h3{font-size:21px}}

.blog-guide-words{gap:8px;padding:18px}.blog-guide-words span{font-size:12px;width:auto;flex:1;padding:6px;min-width:0;max-width:30%;overflow-wrap:anywhere}.blog-guide-words i{font-size:18px}