.list{display:flex;flex-direction:column;gap:calc(var(--gap)*2)}@media screen and (max-width: 1479px){.list{gap:var(--gap);margin:0 calc(var(--padding-x)*-1)}}@media screen and (max-width: 767px){.list .action-bar{width:100%;justify-content:space-between}}.list-item{display:grid;grid-template-columns:max-content 1fr;gap:calc(var(--gap)*3);width:100%;padding:calc(var(--gap)*3);background:var(--primary-bg-color);border-radius:var(--border-radius-4)}@media screen and (max-width: 1479px){.list-item{border-radius:unset}}@media screen and (max-width: 767px){.list-item{grid-template-columns:1fr;align-items:flex-start}}.list-item--no-photo{grid-template-columns:1fr}.list-item-photo{display:flex;justify-content:center;align-items:center;width:200px;height:150px;border-radius:var(--border-radius-2)}@media screen and (max-width: 767px){.list-item-photo{width:100%;height:auto;aspect-ratio:1.3333333333}}.list-item-photo__image{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:var(--border-radius-2)}@media screen and (max-width: 767px){.list-item-photo__image{width:100%;object-fit:contain}}.list-item__content{display:flex;flex-direction:column;gap:calc(var(--gap)*2)}.list-item__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gap)}@media screen and (max-width: 767px){.list-item__head{flex-direction:column;align-items:flex-start}}.list-item__title{margin:0}@media screen and (max-width: 767px){.list-item__title{width:100%}}.list-item__title a{color:var(--primary-text-color);text-decoration:none}.list-item__title a:hover,.list-item__title a:focus,.list-item__title a:active{text-decoration:underline}.list-item__detail{display:grid;gap:calc(var(--gap)*2)}.list-item-info{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:calc(var(--gap)/2) calc(var(--gap)*2)}.list-item-info__item{display:flex;flex-direction:row;align-items:center;gap:var(--gap)}@media screen and (max-width: 767px){.list-item-info__item{flex-direction:column;align-items:flex-start;gap:calc(var(--gap)/3)}}.list-item-info__item--large{width:100%}.list-item-info__label{color:var(--label-color)}.list-item-meta{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:calc(var(--gap)*1.5) calc(var(--gap)*2)}@media screen and (max-width: 1479px){.list-item-meta{gap:calc(var(--gap)/2) calc(var(--gap)*2)}}@media screen and (max-width: 767px){.list-item-meta{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 767px){.list-item-meta--links{gap:var(--gap) calc(var(--gap)*2)}}.list-item-meta__item{display:flex;flex-direction:row;align-items:center;gap:var(--gap)}.list-item-meta__item--large{width:100%}@media screen and (max-width: 767px){.list-item-meta__item--smartphone-column{flex-direction:column;align-items:flex-start;gap:calc(var(--gap)/3)}}.list-item-meta__label{color:var(--label-color)}.list-item-meta__icon{color:var(--label-color)}.list-item-meta__value--link{color:var(--primary-color);text-decoration:none}.list-item-meta__value--link:hover,.list-item-meta__value--link:focus,.list-item-meta__value--link:active{color:var(--primary-light-color);text-decoration:underline}.list__item{border-radius:12px;background:var(--white-color)}@media screen and (max-width: 1479px){.list__item{border-radius:0}}.list__item--head{display:flex;flex-wrap:wrap;justify-content:space-between;margin:calc(var(--gap)*2) calc(var(--gap)*3)}.list__item--head .meta{display:flex;flex-wrap:wrap;gap:8px}.list__item--head .meta-item__date{margin-right:calc(var(--gap)*2);color:var(--blue-dark-color)}.list__item--head .meta-item__author{color:var(--gray-color)}.list__item--head .action-bar .color-red{color:var(--red-color)}.list__item--head .action-bar .color-green{color:var(--green-color)}@media screen and (max-width: 1479px){.list__item--head .action-bar{margin-top:calc(var(--gap)*1)}}.list__item--title{margin:calc(var(--gap)*2) calc(var(--gap)*3);font-size:calc(20/var(--initial-font-multiplier)*1rem)}@media screen and (max-width: 1479px){.list__item--title{font-size:calc(16/var(--initial-font-multiplier)*1rem)}}@media screen and (max-width: 1479px){.list__item--title{font-size:calc(14/var(--initial-font-multiplier)*1rem)}}.list__item--title a{text-decoration:none}.list__item--title a:hover{text-decoration:underline}.list__item--content{margin:calc(var(--gap)*2) calc(var(--gap)*3) calc(var(--gap)*3)}