.blog-index-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:34px}.blog-index-main{min-width:0}.blog-index-with-sidebar .public-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-sidebar{position:sticky;top:20px;display:grid;gap:18px}.blog-index-sidebar>section{padding:22px;border:1px solid #e2e8ee;border-radius:17px;background:#fff}.blog-index-sidebar h3{margin:0;color:#14283d;font-size:15px}.blog-search-box{display:grid;gap:15px}.blog-search-box form{display:grid;gap:9px}.blog-search-box form>div{position:relative}.blog-search-box form svg{position:absolute;left:11px;top:50%;width:16px;color:#8b99a7;transform:translateY(-50%)}.blog-search-box input{width:100%;min-height:42px;padding:0 11px 0 35px;border:1px solid #dce4ea;border-radius:9px;outline:0}.blog-search-box input:focus{border-color:var(--blog-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--blog-primary) 10%,transparent)}.blog-search-box button{min-height:40px;border:0;border-radius:9px;background:var(--blog-primary);color:#fff;font-weight:850}.blog-latest-box{display:grid;gap:17px}.blog-latest-box>div:first-child>span{display:block;margin-bottom:7px;color:var(--blog-primary);font-size:8px;font-weight:900;letter-spacing:.14em}.blog-latest-list{display:grid}.blog-latest-list>a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center;padding:12px 0;border-top:1px solid #edf1f4}.blog-latest-list img,.blog-latest-placeholder{width:72px;height:58px;display:grid;place-items:center;object-fit:cover;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#e8f1f3,#edf0f8)}.blog-latest-placeholder{color:#80909e;font-size:7px;font-weight:900;letter-spacing:.1em}.blog-latest-list>a>span:last-child{min-width:0;display:grid;gap:6px}.blog-latest-list b{display:-webkit-box;overflow:hidden;color:#26394c;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.blog-latest-list small{color:#8b98a5;font-size:8px}.blog-search-result{position:relative;margin-bottom:22px;padding:19px 22px;border-radius:13px;background:#f1f6f8}.blog-search-result span{color:#728191;font-size:9px;font-weight:750;text-transform:uppercase}.blog-search-result h2{margin:6px 70px 0 0;font-size:23px}.blog-search-result>a{position:absolute;right:19px;top:50%;font-size:9px;transform:translateY(-50%)}.blog-empty>a,.blog-search-result>a{color:var(--blog-primary);font-weight:850}.blog-empty>a{display:inline-flex;margin-top:12px;font-size:12px}@media (max-width:920px){.blog-index-with-sidebar{grid-template-columns:1fr}.blog-index-sidebar{position:static;grid-template-columns:.75fr 1.25fr}}@media (max-width:680px){.blog-index-sidebar,.blog-index-with-sidebar .public-blog-grid{grid-template-columns:1fr}}.blog-index-with-sidebar{grid-template-columns:minmax(0,1fr) 310px;gap:38px}.blog-index-sidebar{top:96px;gap:22px}.blog-index-sidebar>section{overflow:hidden;padding:24px;border-color:var(--blog-border);border-radius:16px;box-shadow:0 8px 28px rgb(20 40 61/4%)}.blog-search-box{position:relative;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--blog-accent) 20%,transparent),transparent 42%),#102a43!important}.blog-search-box h3{color:#fff;font-size:17px}.blog-search-box form{gap:10px}.blog-search-box form>div{border-radius:10px;background:#fff}.blog-search-box input{min-height:45px;border:0;background:transparent;color:#172b3e;font-size:11px}.blog-search-box button{min-height:43px;background:var(--blog-accent);color:#10263b;cursor:pointer;transition:filter .2s ease,transform .2s ease}.blog-search-box button:hover{filter:brightness(1.04);transform:translateY(-1px)}.blog-latest-box>div:first-child{padding-bottom:15px;border-bottom:1px solid var(--blog-border)}.blog-latest-box>div:first-child>span{margin-bottom:6px}.blog-latest-list>a{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:14px 0;transition:transform .2s ease}.blog-latest-list>a:first-child{border-top:0}.blog-latest-list>a:hover{transform:translateX(3px)}.blog-latest-list img,.blog-latest-placeholder{width:76px;height:62px;border:1px solid var(--blog-border);border-radius:9px}.blog-latest-list b{color:#1b334a;font-size:11px;line-height:1.45}.blog-latest-list>a:hover b{color:var(--blog-primary)}.blog-search-result{border:1px solid var(--blog-border);background:color-mix(in srgb,var(--blog-primary) 4%,#fff)}@media (max-width:920px){.blog-index-with-sidebar{grid-template-columns:1fr}.blog-index-sidebar{position:static;grid-template-columns:.8fr 1.2fr}}@media (max-width:680px){.blog-index-sidebar{grid-template-columns:1fr}}