.public-site .blog-index .blog-journal-banner{background:linear-gradient(#fff 10%,#f2f5ff 100%);padding-block:32px 28px}.public-site .blog-index .blog-journal-hero{background:0 0;border:0;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px}.public-site .blog-index .blog-journal-intro h1{color:#181d2b;margin:20px 0;font-size:clamp(38px,3.5vw,62px);line-height:1.12}.public-site .blog-index .blog-journal-intro>p{max-width:630px;font-size:16px;line-height:1.85}.public-site .blog-index .jr-hero-action{border-radius:999px;align-items:center;gap:12px;min-height:46px;margin-top:24px;padding:10px 18px;font-size:13px;display:inline-flex}.public-site .blog-index .blog-journal-illustration{width:100%;max-width:none;display:block}.public-site .blog-index .blog-journal-illustration img{object-fit:contain;width:100%;height:auto;max-height:480px}.public-site .blog-index>.blog-shell{padding-block:36px 44px}.public-site .blog-index .blog-journal-section{gap:20px;margin-bottom:22px;scroll-margin-top:24px}.public-site .blog-index .blog-journal-section h2{font-size:clamp(28px,2.4vw,38px)}.public-site .blog-index .jr-result-count{color:#536583;background:#f5f7ff;border:1px solid #dfe6f5;border-radius:999px;flex-shrink:0;align-items:center;min-height:32px;padding:5px 12px;font-size:12px;display:inline-flex}.public-site .blog-index .jr-filters{background:#f7f9fe;border:1px solid #e0e7f4;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(200px,280px) auto;gap:14px;margin:0 0 24px;padding:20px;display:grid}.public-site .blog-index .jr-filters label{color:#405475;gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.public-site .blog-index .jr-search-control{background:#fff;border:1px solid #d2ddf2;border-radius:999px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 15px;display:flex}.public-site .blog-index .jr-search-control:focus-within{outline-offset:3px;outline:3px solid #7b9aff}.public-site .blog-index .jr-search-control>svg{color:#71809a;flex:0 0 18px;width:18px;height:18px}.public-site .blog-index .jr-search-control>input{color:#263550;background:0 0;border:0;border-radius:0;width:100%;min-width:0;min-height:46px;padding:10px 0;font-size:14px;font-weight:450}.public-site .blog-index .jr-search-control>input:focus-visible{outline:0}.public-site .blog-index .jr-select-control{min-width:0;position:relative}.public-site .blog-index .jr-select-control>select{appearance:none;color:#263550;background:#fff;border:1px solid #d2ddf2;border-radius:999px;width:100%;min-width:0;min-height:48px;padding:10px 42px 10px 16px;font-size:14px;font-weight:450}.public-site .blog-index .jr-select-control>svg{color:#71809a;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.public-site .blog-index .jr-submit{color:#fff;background:#4169fa;border:1px solid #4169fa;border-radius:999px;gap:12px;min-height:48px;padding:9px 10px 9px 18px;font-size:13px}.public-site .blog-index .jr-submit>span{background:#ffffff26;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.public-site .blog-index .jr-submit svg{width:15px;height:15px}.public-site .blog-index .jr-applied-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.public-site .blog-index .jr-filter-chip{color:#3153bb;overflow-wrap:anywhere;background:#f1f5ff;border:1px solid #d6e1f7;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:8px 12px;font-size:12px;display:inline-flex}.public-site .blog-index .jr-clear-filters{color:#3458d7;text-underline-offset:3px;padding:8px;font-size:12px;font-weight:650;text-decoration:underline}.public-site .blog-index .blog-cards{gap:22px}.public-site .blog-index .jr-empty{text-align:center;background:#f7f9ff;border:1px solid #dfe6f5;border-radius:24px;padding:34px 24px}.public-site .blog-index .jr-empty-icon{color:#4169fa;background:#fff;border:1px solid #dde6fa;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 18px;display:grid}.public-site .blog-index .jr-empty h2{margin-bottom:14px;font-size:25px}.public-site .blog-index .jr-empty>p{max-width:640px;margin-inline:auto;font-size:14px;line-height:1.8}.public-site .blog-index .jr-empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.public-site .blog-index .jr-empty-actions>a{border-radius:999px;min-height:44px;padding:10px 16px;font-size:12px}.public-site .blog-index .jr-empty-actions>.jr-secondary{color:#3458d7;background:#fff;border-color:#d2ddf2}.public-site .blog-index .blog-pagination{gap:16px;margin-top:30px;font-size:13px}.public-site .blog-index .blog-pagination a{color:#3458d7;border:1px solid #d2ddf2;border-radius:999px;padding:9px 14px}@media (width<=960px){.public-site .blog-index .jr-filters{grid-template-columns:minmax(0,1fr) minmax(190px,.65fr)}.public-site .blog-index .jr-submit{grid-column:1/-1;justify-self:end}.public-site .blog-index .blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.public-site .blog-index .blog-journal-hero{text-align:center;grid-template-columns:minmax(0,1fr);gap:20px}.public-site .blog-index .blog-journal-intro>p{margin-inline:auto}.public-site .blog-index .blog-journal-illustration{max-width:520px;margin-inline:auto}}@media (width<=760px){.public-site .blog-index .blog-journal-banner{padding-block:26px}.public-site .blog-index .blog-journal-intro h1{font-size:clamp(34px,8.6vw,44px)}.public-site .blog-index .blog-journal-intro>p{font-size:14px}.public-site .blog-index .blog-journal-illustration{max-width:400px}.public-site .blog-index>.blog-shell{padding-block:28px 32px}.public-site .blog-index .blog-journal-section{text-align:center;flex-direction:column;align-items:center;gap:10px}.public-site .blog-index .jr-filters{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}.public-site .blog-index .jr-filters input,.public-site .blog-index .jr-filters select{font-size:16px}.public-site .blog-index .jr-submit{justify-content:center;justify-self:stretch}.public-site .blog-index .jr-applied-filters{justify-content:center}.public-site .blog-index .blog-cards{grid-template-columns:minmax(0,1fr);gap:18px}.public-site .blog-index .jr-empty-actions>a{width:100%}}
