@layer components{.zapisok-detail{min-height:100vh;& .zapisok-detail__container{max-width:720px;margin-inline:auto;padding-inline:var(--space-l);padding-block:var(--space-2xl);display:flow-root}& .zapisok-detail__header-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);margin-bottom:var(--space-l)}& .zapisok-detail__back{display:inline-block;font-size:var(--size-step--1);color:var(--color-accent);text-decoration:none;font-weight:600;&:hover{text-decoration:underline}}& .zapisok-detail__header-links{display:flex;align-items:center;gap:var(--space-m)}& .zapisok-detail__rss-link, & .zapisok-detail__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)}}& .zapisok-detail__date{display:block;font-size:var(--size-step--1);color:var(--color-text-muted);margin-bottom:var(--space-s);font-variant-numeric:tabular-nums}& .zapisok-detail__title{font-size:var(--size-step-3);font-weight:900;color:var(--color-text);margin:0 0 var(--space-xl);line-height:1.1}& .zapisok-detail__image-wrap{margin:0 0 var(--space-xl)}& .zapisok-detail__image-wrap--landscape{& .zapisok-detail__image{width:100%;border-radius:4px;aspect-ratio:16/9;object-fit:cover}}& .zapisok-detail__image-wrap--portrait{float:left;width:240px;margin:0 var(--space-xl)var(--space-l)0;& .zapisok-detail__image{width:100%;max-height:320px;object-fit:cover;object-position:center top;border-radius:4px;display:block}@media(max-width:540px){float: none; width: 100%; margin: 0 0 var(--space-l); & .zapisok-detail__image{max-height:280px}}}& .zapisok-detail__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-s);margin:0 0 var(--space-xl);& .zapisok-detail__gallery-item{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:4px;& img{width:100%;height:100%;object-fit:cover;display:block}}}& .zapisok-detail__body{font-size:var(--size-step-0);line-height:1.9;color:var(--color-text-muted);& p{margin:0 0 var(--space-m)}& p:last-child{margin-bottom:0}& strong{color:var(--color-text);font-weight:700}& em{font-style:italic}}}}.zapisok-detail__image-wrap--landscape>.progressive-image-container{width:100%;aspect-ratio:16/9}.zapisok-detail__image-wrap--portrait>.progressive-image-container{width:100%;max-height:320px}.zapisok-detail__gallery-item>.progressive-image-container{width:100%;height:100%;aspect-ratio:auto}