@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}& blockquote{position:relative;overflow:hidden;margin:var(--space-l)0;padding:var(--space-m)var(--space-l);border-inline-start:3px solid var(--color-accent);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--color-accent) 8%,transparent);color:var(--color-text);font-size:var(--size-step-1);font-weight:600;line-height:1.4;text-wrap:balance;&::before{content:"\201C";position:absolute;inset-block-start:.05em;inset-inline-end:.2em;font-size:var(--size-step-3);line-height:1;color:var(--color-accent);opacity:.3;pointer-events:none}& p{position:relative;margin:0}& p + p{margin-top:var(--space-s)}& strong{color:inherit}@media(max-width:540px){padding: var(--space-s) var(--space-m); font-size: var(--size-step-0);}}}}}.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}