.listing-head{background-color:var(--cs-blue);color:var(--cs-white);padding-bottom:var(--sp-h1s);padding-top:var(--sp-h4)}.listing-head .page-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-h6)}.listing-breadcrumbs{gap:var(--sp-h11)}.listing-breadcrumbs,.listing-breadcrumbs__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.listing-breadcrumbs__item{border-radius:8px;color:var(--cs-white);height:26px;padding:0 12px;text-decoration:none}.listing-breadcrumbs__item,.listing-breadcrumbs__item--current{background:hsla(0,0%,100%,.2)}a.listing-breadcrumbs__item{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.listing-breadcrumbs__sep{color:hsla(0,0%,100%,.5)}.listing-top-article{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:var(--sp-h14);justify-content:space-between}.listing-top-article,.listing-top-article__meta{display:-webkit-box;display:-ms-flexbox;display:flex}.listing-top-article__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-h5);-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.listing-top-article__title{color:var(--cs-white);text-decoration:none;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.listing-top-article__title:hover{opacity:.85}.listing-top-article__desc{color:var(--cs-white);margin:0}.listing-top-article__author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--sp-h8)}.listing-top-article__author-photo{border-radius:50%;height:64px;-o-object-fit:cover;object-fit:cover;width:64px;-ms-flex-negative:0;background:#9d9d9d;flex-shrink:0}.listing-top-article__author-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-h11)}.listing-top-article__author-meta,.listing-top-article__author-text{color:var(--cs-white);display:-webkit-box;display:-ms-flexbox;display:flex}.listing-top-article__author-meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--sp-h10)}.listing-top-article__sep{background:hsla(0,0%,100%,.5);display:inline-block;height:16px;width:1px}.listing-top-article__cover{-ms-flex-negative:0;border-radius:16px;flex-shrink:0;height:252px;overflow:hidden;width:432px}.listing-top-article__cover a,.listing-top-article__cover img{display:block;height:100%;width:100%}.listing-top-article__cover img{-o-object-fit:cover;object-fit:cover}.listing-author-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--sp-h6)}.listing-author-head__photo{border-radius:50%;height:96px;-o-object-fit:cover;object-fit:cover;width:96px;-ms-flex-negative:0;flex-shrink:0}.listing-author-head__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-h9)}.listing-author-head__name{color:var(--cs-white);font-size:36px;font-weight:600;line-height:1.1;margin:0}.listing-author-head__bio{color:hsla(0,0%,100%,.8);margin:0}.listing-body{background:var(--cs-white);padding-bottom:var(--sp-h1s);padding-top:var(--sp-h1s)}.listing-body .page-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-h4)}.listing-body .page-center,.listing-tags{display:-webkit-box;display:-ms-flexbox;display:flex}.listing-tags{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--sp-h11)}.listing-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:1px solid var(--cs-grey-line);border-radius:8px;color:var(--cs-black);padding:8px 16px;text-decoration:none;-webkit-transition:border-color .2s,background-color .2s,color .2s;-o-transition:border-color .2s,background-color .2s,color .2s;transition:border-color .2s,background-color .2s,color .2s}.listing-tag--active,.listing-tag:hover{background:var(--cs-blue);border-color:var(--cs-blue);color:var(--cs-white)}.listing-grid{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--sp-h4) var(--sp-h6)}.listing-card,.listing-grid{display:-webkit-box;display:-ms-flexbox;display:flex}.listing-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-clip:padding-box;border:16px solid transparent;border-radius:8px;color:inherit;-ms-flex-direction:column;flex-direction:column;margin:-16px;text-decoration:none;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;-o-transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s;width:calc(33.33333% - var(--sp-h4)*2/3 + 32px)}.listing-card:hover{background:var(--cs-white);border-color:var(--cs-white);-webkit-box-shadow:0 8px 30px rgba(50,50,50,.2);box-shadow:0 8px 30px rgba(50,50,50,.2)}.listing-card__cover{aspect-ratio:432/254;border-radius:16px;margin-bottom:var(--sp-h7);overflow:hidden;width:100%}.listing-card__cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.listing-card__body{gap:var(--sp-h9)}.listing-card__body,.listing-card__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.listing-card__text{gap:var(--sp-h11)}.listing-card__title{color:var(--cs-blue);margin:0}.listing-card__desc{color:var(--cs-black);margin:0}.listing-card__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--cs-black);gap:var(--sp-h10)}.listing-card__sep{background:var(--cs-grey-line);display:inline-block;height:16px;width:1px}.listing-pagination{gap:var(--sp-h6)}.listing-pagination,.listing-pagination__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.listing-pagination__arrow{background:var(--cs-bright-snow);border:none;border-radius:50%;color:var(--cs-black);cursor:pointer;height:48px;-webkit-transition:background-color .2s,color .2s;-o-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;width:48px}.listing-pagination__arrow:hover:not(:disabled){background:var(--cs-blue);color:var(--cs-white)}.listing-pagination__arrow:disabled{cursor:default;opacity:.35}.listing-pagination__pages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--sp-h7)}.listing-pagination__page{color:#9d9d9d;font-size:18px;line-height:1.2;text-decoration:none;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}.listing-pagination__page:hover{color:var(--cs-black)}.listing-pagination__page.is-active{border-bottom:1px solid var(--cs-black);color:var(--cs-black)}.listing-pagination__dots{color:#9d9d9d;font-size:18px;line-height:1.2}@media (max-width:1439px){.listing-top-article{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-h6)}.listing-top-article__cover{height:360px;width:100%}.listing-head .page-center{gap:var(--sp-h6)}.listing-card{width:calc((100% - var(--sp-h4))/2)}}@media (max-width:767px){.listing-top-article__title{font-size:28px}.listing-top-article__cover{height:220px}.listing-card{border-width:0;margin:0;width:100%}.listing-card:hover{box-shadow:unset}.listing-card__cover{aspect-ratio:16/9}.listing-pagination__pages{gap:var(--sp-h9)}.listing-author-head{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}}