.mb{padding-top:148px;padding-bottom:var(--ms-pt)}
.mb-head{margin-bottom:32px}
.mb-back{color:inherit;transition:color var(--d-ui) var(--e-state)}
@media (hover:hover){ .mb-back:hover{color:var(--ink)} }
.mb-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:64px}
.mb-chip{flex:none;display:inline-flex;align-items:center;height:44px;padding:3px 18px 0;border-radius:var(--r-pill);background:#fff;
  font-stretch:var(--w-hyper);font-weight:500;font-size:15px;line-height:18px;white-space:nowrap;transition:background-color var(--d-ui) var(--e-state),color var(--d-ui) var(--e-state)}
.mb-chip.is-on{background:var(--graphite);color:#fff}
@media (hover:hover){ .mb-chip:not(.is-on):hover{background:#F2F2F2} }
.mb-sec + .mb-sec{margin-top:80px}
.mb-sec__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.mb-sec__h{font-stretch:var(--w-hyper);font-weight:500;font-size:28px;line-height:32px;letter-spacing:-.01em}
.mb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mg-gap)}
.mb-grid li{display:flex}
.mb-card{display:flex;flex-direction:column;gap:12px;width:100%;min-height:280px;padding:24px;background:#fff;border-radius:var(--r-card)}
.mb-card__top{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.mb-card__cat{height:28px;padding:2px 12px 0;font-size:13px;line-height:16px}
.mb-card__mp{width:20px;height:20px;border-radius:6px;transform:translateY(-1px)}
.mb-card__t{font-stretch:var(--w-hyper);font-weight:500;font-size:20px;line-height:24px;text-wrap:pretty}
.mb-card__d{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-stretch:var(--w-hyper);font-weight:400;font-size:15px;line-height:20px;color:var(--ink-55)}
.mb-card__date{padding-top:2px;font-stretch:var(--w-hyper);font-weight:400;font-size:13px;line-height:16px;color:var(--ink-55)}


.mk .mp-head{align-items:flex-end}
.mk-search{position:relative;display:flex;align-items:center;flex:0 1 440px;height:56px;padding:0 20px 0 52px;border-radius:var(--r-widget);background:#fff;
  box-shadow:inset 0 0 0 1px transparent;transition:box-shadow var(--d-ui) var(--e-state)}
.mk-search:focus-within{box-shadow:inset 0 0 0 1px var(--ink),0 0 0 4px rgba(35,36,39,.06)}
.mk-search svg{position:absolute;left:20px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--ink-55)}
.mk-search__in{width:100%;height:100%;padding-top:1px;border:0;background:none;font:inherit;font-stretch:var(--w-hyper);font-size:15px;line-height:18px;color:var(--ink);outline:none}
.mk-search__in::placeholder{color:var(--ink-55);opacity:1}
.mk-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mg-gap);align-items:start}
.mk-grp{display:flex;flex-direction:column;gap:24px;padding:32px;background:#fff;border-radius:var(--r-card)}
.mk-grp[hidden]{display:none}
.mk-grp__head{display:flex;align-items:center;gap:16px}
.mk-grp__h{padding-top:2px;font-stretch:var(--w-hyper);font-weight:500;font-size:22px;line-height:26px}
.mk-tiles{display:flex;flex-wrap:wrap;gap:8px}
.mk-tiles li[hidden]{display:none}
.mk-tile{display:inline-flex;align-items:center;height:44px;padding:3px 16px 0;border-radius:var(--r-pill);background:var(--fog);
  font-stretch:var(--w-hyper);font-weight:500;font-size:15px;line-height:18px;transition:background-color var(--d-ui) var(--e-state),color var(--d-ui) var(--e-state),transform 500ms var(--e-appear)}
@media (hover:hover){ .mk-tile:hover{background:var(--graphite);color:#fff} }
.mk-empty{grid-column:1/-1;padding:32px;border-radius:var(--r-card);background:#fff;font-stretch:var(--w-hyper);font-size:16px;line-height:21px;color:var(--ink-55)}
.mk-empty a{color:var(--ink)}
.mk .mb-grid .mb-card{min-height:200px}
.mk.is-q .mk-pop,.mk.is-q .mk-all{display:none}
.mk.is-q .mk-groups{margin-top:32px}
.mk-pop{margin-top:64px}
.mk-all{margin-top:80px}
.mk-search__in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;cursor:pointer;
  background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='%236B6B6B' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}


.mb-more{display:flex;justify-content:center;margin-top:40px}
@media (max-width:1199px){
  .mb{padding-top:128px}

  .mb-cats{flex-wrap:nowrap;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--gut)}
  .mb-cats::-webkit-scrollbar{display:none}
  .mb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk .mp-head{align-items:flex-start}
  .mk-search{flex:none;width:100%}
  .mk-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .mb{padding-top:108px}
  .mb-cats{margin-bottom:40px}
  .mb-chip{height:40px;padding:3px 14px 0;font-size:14px;line-height:16px}
  .mb-sec + .mb-sec{margin-top:56px}
  .mb-sec__h{font-size:20px;line-height:24px}
  .mb-sec__all{height:40px;padding:12px 16px 10px;font-size:14px;line-height:16px}
  .mb-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .mb-card{min-height:0;padding:20px;border-radius:20px}
  .mb-card__top{margin-bottom:8px}
  .mb-card__t{font-size:18px;line-height:22px}
  .mk-groups{grid-template-columns:minmax(0,1fr);gap:8px}
  .mk-pop{margin-top:16px}
  .mk-all{margin-top:56px}
  .mk .mb-grid .mb-card{min-height:0}
  .mk-grp{padding:20px;border-radius:20px}
  .mk-tile{height:40px;font-size:14px;line-height:16px}
}