@layer components{.latest-zapisky{padding-block:var(--space-2xl);padding-inline:var(--space-l);background-color:var(--color-surface);& .latest-zapisky__container{max-width:1200px;margin-inline:auto}& .latest-zapisky__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-m);margin-bottom:var(--space-xl);padding-bottom:var(--space-m);border-bottom:1px solid var(--color-border)}& .latest-zapisky__title{font-size:var(--size-step-2);font-weight:800;color:var(--color-text);margin:0;padding-left:var(--space-m);position:relative;&::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:3px;background-color:var(--color-accent);border-radius:2px}}& .latest-zapisky__header-links{display:flex;align-items:center;gap:var(--space-m)}& .latest-zapisky__all-link{font-size:.9rem;color:var(--color-accent);text-decoration:none;font-weight:600;white-space:nowrap;transition:opacity .15s ease;&:hover{opacity:.75;text-decoration:underline}}& .latest-zapisky__rss-link, & .latest-zapisky__fb-link{display:flex;align-items:center;gap:4px;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)}}& .latest-zapisky__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-l);@media(max-width:900px){grid-template-columns: repeat(2,1fr);}@media(max-width:580px){grid-template-columns: 1fr;}}& .latest-zapisky__card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background-color:var(--color-surface-mixed);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.1)}}& .latest-zapisky__card-media{& a{display:block;overflow:hidden}}& .latest-zapisky__card-img{display:block;width:100%;height:200px;object-fit:cover;transition:transform .35s ease;.latest-zapisky__card:hover &{transform:scale(1.04)}}& .latest-zapisky__card-body{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-m);flex:1}& .latest-zapisky__card-date{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}& .latest-zapisky__card-title{font-size:var(--size-step-1);font-weight:700;margin:0;line-height:1.25;color:var(--color-text)}& .latest-zapisky__card-link{text-decoration:none;color:inherit;transition:color .15s ease;&:hover{color:var(--color-accent)}}& .latest-zapisky__card-excerpt{font-size:var(--size-step-0);line-height:1.65;color:var(--color-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media(prefers-color-scheme:dark){.latest-zapisky .latest-zapisky__card:hover{box-shadow:0 16px 40px rgba(0,0,0,.45)}}}.latest-zapisky__card-media .progressive-image-container{width:100%}