@layer components{.zapisky-list{min-height:100vh;& .zapisky-list__container{max-width:760px;margin-inline:auto;padding-inline:var(--space-l);padding-block:var(--space-2xl)}& .zapisky-list__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-m);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-m)}& .zapisky-list__title{font-size:var(--size-step-3);font-weight:900;color:var(--color-text);margin:0}& .zapisky-list__header-links{display:flex;align-items:center;gap:var(--space-m)}& .zapisky-list__rss-link, & .zapisky-list__fb-link{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:.82rem;color:var(--color-text-muted);text-decoration:none;font-weight:600;white-space:nowrap;transition:color .15s ease;&:hover{color:var(--color-accent)}}& .zapisky-list__intro{margin-bottom:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-s);& p{margin:0;font-size:var(--size-step-0);line-height:1.7;color:var(--color-text-muted);max-width:60ch}}& .zapisky-list__empty{color:var(--color-text-muted);font-style:italic}& .zapisky-list__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}& .zapisky-list__item{padding-block:var(--space-xl);border-bottom:1px solid var(--color-border)}& .zapisky-list__item--landscape{display:flex;flex-direction:column;gap:var(--space-m)}& .zapisky-list__item--portrait{display:grid;grid-template-columns:180px 1fr;gap:var(--space-l);align-items:start;@media(max-width:540px){display: flex; flex-direction: column; gap: var(--space-m);}}& .zapisky-list__item-media{& a{display:block}}& .zapisky-list__item-img{display:block;width:100%;height:auto;border-radius:4px;object-fit:cover}& .zapisky-list__item--portrait .zapisky-list__item-img{height:240px;object-position:center top}& .zapisky-list__item--landscape .zapisky-list__item-img{max-height:320px}& .zapisky-list__item-body{display:flex;flex-direction:column;gap:var(--space-xs)}& .zapisky-list__date{font-size:var(--size-step--1);color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}& .zapisky-list__item-title{font-size:var(--size-step-1);font-weight:700;margin:0;color:var(--color-text)}& .zapisky-list__link{text-decoration:none;color:inherit;transition:color .15s ease;&:hover{color:var(--color-accent)}}& .zapisky-list__excerpt{font-size:var(--size-step-0);line-height:1.65;color:var(--color-text-muted);margin:var(--space-xs)0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}& .zapisky-list__pagination{display:flex;align-items:center;gap:var(--space-m);margin-top:var(--space-xl)}& .zapisky-list__pagination-link{color:var(--color-accent);text-decoration:none;font-weight:600;&:hover{text-decoration:underline}}& .zapisky-list__pagination-info{color:var(--color-text-muted);font-size:var(--size-step--1)}}}.zapisky-list__item--landscape .progressive-image-container{width:100%;aspect-ratio:16/9}.zapisky-list__item--portrait .progressive-image-container{width:100%;aspect-ratio:3/4}