.my-blog-layout{padding:78px 12px;font-family:Instrument Sans,Sen,system-ui,sans-serif}.my-blog-layout__container{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);margin:0 auto;gap:66px;width:100%;max-width:1280px;box-sizing:border-box}.my-blog-layout_posts_wrapper{max-height:610px;overflow:auto}@media(min-width:900px){.my-blog-layout_posts_wrapper{padding-right:clamp(0px,calc((100vw - 900px) * 80 / 900),80px);box-sizing:border-box}}@media(max-width:900px){.my-blog-layout__container{grid-template-columns:minmax(0,1fr);gap:24px}.my-blog-layout__toolbar{width:100%;margin-bottom:20px}.my-blog-layout__toolbar-spacer{display:none}.my-blog-layout__toolbar-actions{width:100%;justify-content:stretch;align-items:stretch;gap:10px;flex-wrap:nowrap}.my-blog-layout__sort-form{flex:1 1 0;min-width:0;margin-left:0;justify-content:stretch}.my-blog-layout__sort-wrap{width:100%;max-width:none}.my-blog-layout__sort-select{width:100%;min-width:0;border-width:1px;border-color:#c4c4c4}}.my-blog-layout__sidebar-title{margin:0 0 16px;font-size:clamp(20px,2vw,26px);font-weight:500;color:#4a509f;letter-spacing:-.02em}.my-blog-layout__menu{display:flex;flex-direction:column;gap:8px;font-family:Instrument Sans,Sen,system-ui,sans-serif}.my-blog-layout__menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:0;text-decoration:none;color:#353535;font-family:inherit;font-size:18px;font-weight:500;line-height:normal;letter-spacing:0;transition:background .2s,color .2s}.my-blog-layout__menu-item.is-active{color:#fc5f00;background-color:#ffece1;border-radius:8px}.my-blog-layout__menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:auto;flex-shrink:0}.my-blog-layout__menu-icon img{width:24px;height:24px;object-fit:contain}.my-blog-layout__menu-icon-fallback{display:block;width:18px;height:18px;border:2px solid #353535;border-radius:4px;opacity:.85}.my-blog-layout__menu-item.is-active .my-blog-layout__menu-icon-fallback{background:#e8782e;border-color:#e8782e;opacity:1}.my-blog-layout__highlights-title{margin:0 0 30px;font-size:clamp(18px,1.6vw,20px);font-weight:600;color:#4a509f}.my-blog-layout__chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}.my-blog-layout__chip{display:inline-flex;align-items:center;padding:8px 12px;background:#f3f3f3;border-radius:6px;font-size:14px;font-weight:500;color:#616161;text-decoration:none;transition:background .2s,color .2s}.my-blog-layout__chip:hover{background:#e8e8e8}.my-blog-layout__chip.is-active{background:#e8782e1f;color:#e8782e;font-weight:600}.my-blog-layout__toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:24px}.my-blog-layout__toolbar-spacer{flex:1}.my-blog-layout__toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.my-blog-layout__sort-form{display:flex;justify-content:flex-end;margin:0 0 0 auto}.my-blog-layout__sort-wrap{width:fit-content;flex:0 1 auto;min-width:0}.my-blog-layout__sort-select{box-sizing:border-box;width:auto;max-width:100%;height:32px;border:1px solid #616161;border-radius:10px;padding:0 32px 0 10px;background:#fff;font-family:Instrument Sans,sans-serif;font-size:16px;font-weight:500;color:#616161;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12' fill='none'%3E%3Cpath d='M2 2L9 10L16 2' stroke='%23616161' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - 8px) 50%;background-size:20px 10px;background-repeat:no-repeat;cursor:pointer;field-sizing:content}@media(max-width:960px)and (min-width:901px){.my-blog-layout__sort-wrap{margin-left:0;width:fit-content;max-width:100%}.my-blog-layout__sort-select{width:auto;max-width:100%}}.my-blog-layout__posts{display:flex;flex-direction:column;gap:12px}.my-blog-layout__card{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:60px;padding:24px 16px;background:#f7f6f4;border-radius:44px;overflow:hidden}.my-blog-layout__card-main{flex:1 1 52%;display:flex;flex-direction:column}.my-blog-layout__card-meta{display:flex;align-items:center;gap:16px}.my-blog-layout__card-cat-icon{display:flex;align-items:center;justify-content:center;width:30px;height:36px;border-radius:6px;background:#fff;flex-shrink:0}.my-blog-layout__card-cat-icon img{width:18px;height:18px;object-fit:contain}.my-blog-layout__card-avatar{border-radius:50%!important;width:36px;height:36px!important;object-fit:cover;flex-shrink:0}.my-blog-layout__card-meta-text{display:flex;flex-direction:column;gap:4px;line-height:1.3;min-width:0}.my-blog-layout__card-author{font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:700;color:#000;text-decoration:none}a.my-blog-layout__card-author:hover{color:#4a509f}.my-blog-layout__card-meta-line{font-family:Instrument Sans,sans-serif;display:inline-flex;align-items:center;flex-wrap:wrap;gap:0;font-size:12px;font-weight:400;color:#000}.my-blog-layout__card-meta-sep{display:inline-block;width:3px;height:3px;margin:0 6px;border-radius:50%;background-color:currentColor;flex-shrink:0;align-self:center;user-select:none;vertical-align:middle}.my-blog-layout__card-meta-line .my-blog-layout__card-date,.my-blog-layout__card-meta-line .my-blog-layout__card-read{font-size:inherit;font-weight:inherit;color:inherit}.my-blog-layout__card-title{margin:40px 0 16px;font-size:clamp(18px,2vw,20px);font-weight:700;color:#1e1e1e;line-height:1.25}.my-blog-layout__card-title a{color:inherit;text-decoration:none}.my-blog-layout__card-excerpt{margin:0 0 40px;font-size:14px;line-height:1.55;color:#7d7d7d;flex:1}.my-blog-layout__card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;align-self:flex-start;margin-top:auto}.my-blog-layout__card-tag{padding:6px 12px;background:#ebe9e6;border-radius:999px;font-size:12px;color:#555}.my-blog-layout__card-media{flex:0 1 38%;min-width:230px;max-width:100%;height:250px;align-self:center;display:flex;align-items:center;justify-content:center;overflow:visible;text-decoration:none;color:inherit}.my-blog-layout__image-wrap{width:100%;height:100%;min-height:0;overflow:visible}.my-blog-layout__image-svg-wrap{width:100%;height:100%;display:block}.my-blog-layout__image-clip-path{fill:#fff}.my-blog-layout__image-svg{width:100%;height:100%;display:block}@media(min-width:900px)and (max-width:1055px){.my-blog-layout__card{flex-direction:column;flex-wrap:nowrap}.my-blog-layout__card-main{flex:1 1 auto;width:100%;min-width:0}.my-blog-layout__card-media{flex:0 0 auto;width:100%;min-width:0;max-width:100%;align-self:stretch;height:auto;min-height:200px}.my-blog-layout__image-wrap{width:100%;min-height:200px;height:250px}}@media(max-width:700px){.my-blog-layout{padding:32px 16px}.my-blog-layout__sidebar-title{margin-bottom:12px;font-size:18px}.my-blog-layout__menu{gap:6px}.my-blog-layout__menu-item{padding:12px 14px;font-size:16px;border-radius:0}.my-blog-layout__menu-item.is-active{border-radius:10px}.my-blog-layout__highlights-title{margin-bottom:16px}.my-blog-layout__chips{margin-bottom:24px}.my-blog-layout__card{flex-direction:column;flex-wrap:nowrap;gap:24px;padding:20px 16px;background:#f5f4f1;border-radius:36px}.my-blog-layout__card-main{flex:1 1 auto;width:100%;min-width:0}.my-blog-layout__card-meta{gap:10px}.my-blog-layout__card-cat-icon{width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #0000000f}.my-blog-layout__card-author,.my-blog-layout__card-meta-line{font-size:10px}.my-blog-layout__card-title{margin:16px 0 12px;font-size:clamp(20px,5.2vw,24px);font-weight:700;color:#000}.my-blog-layout__card-excerpt{margin:0;font-size:14px;color:#7d7d7d}.my-blog-layout__card-tags{margin-top:16px}.my-blog-layout__card-media{flex:1 1 auto;max-height:none;min-height:200px;height:auto;width:100%;min-width:0;max-width:100%;align-self:stretch}.my-blog-layout__image-wrap{min-height:200px;max-height:280px;height:220px;width:100%}}.my-blog-layout__empty{margin:0;padding:24px;text-align:center;color:#6b6b6b;font-size:15px}.my-blog-layout__pagination{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.my-blog-layout__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #ddd;text-decoration:none;color:#333;font-size:14px}.my-blog-layout__pagination .page-numbers.current{background:#e8782e1f;border-color:#e8782e;color:#e8782e;font-weight:600}.my-blog-layout__pagination .page-numbers:hover:not(.current){border-color:#bbb}.my-blog-layout__card.is-blog-search-hidden{display:none!important}.my-blog-layout__no-search-results{margin:0;padding:24px;text-align:center;color:#6b6b6b;font-size:15px;width:100%}.my-blog-layout__posts.is-blog-search-loading{opacity:.65;pointer-events:none;transition:opacity .2s ease}
