/* ATENA blog - lista i članak. */
.at-blog-head{padding-block:var(--at-section-md) var(--at-s-7)}
.at-blog-head__row{display:grid;gap:var(--at-s-6);align-items:end}
@media (min-width:64em){.at-blog-head__row{grid-template-columns:1fr auto}}
.at-blog-head h1{font-size:var(--at-fs-h1)}
.at-blog-head .at-lead{margin-top:var(--at-s-4)}

.at-blog-body{padding-bottom:var(--at-section)}

/* Istaknuti */
.at-featured{display:grid;gap:var(--at-gap);align-items:center;margin-bottom:var(--at-head-gap)}
@media (min-width:64em){.at-featured{grid-template-columns:7fr 5fr}}
.at-featured .at-media{aspect-ratio:16/10;border-radius:var(--at-radius-lg)}
.at-featured__body{display:grid;gap:var(--at-s-4);align-content:center}
@media (min-width:64em){.at-featured__body{padding-left:var(--at-s-5)}}
.at-featured__body h2{font-size:var(--at-fs-h2)}
.at-featured__body h2 a:hover{color:var(--at-accent)}
.at-featured__body p{max-width:40rem}
.at-featured .at-media img{transition:transform var(--at-d-slow) var(--at-ease-out)}
.at-featured:hover .at-media img{transform:scale(1.02)}

/* Kartica */
.at-posts{display:grid;gap:clamp(32px,2rem + 1vw,48px) var(--at-gap)}
@media (min-width:40em){.at-posts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:64em){.at-posts{grid-template-columns:repeat(3,1fr)}}
.at-post-card{display:grid;gap:var(--at-s-4);align-content:start;transition:transform var(--at-d-base) var(--at-ease-out)}
.at-post-card:hover{transform:translateY(-4px)}
.at-post-card .at-media{aspect-ratio:3/2;border-radius:var(--at-radius-md)}
.at-post-card .at-media img{transition:transform var(--at-d-slow) var(--at-ease-out)}
.at-post-card:hover .at-media img{transform:scale(1.03)}
.at-post-card__body{display:grid;gap:var(--at-s-2)}
.at-post-card__meta{display:flex;align-items:center;gap:var(--at-s-3);font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--at-muted)}
.at-post-card__meta a{color:var(--at-accent)}
.at-post-card__meta time{font-weight:500;letter-spacing:.04em}
.at-post-card h3{font-size:var(--at-fs-h3);line-height:var(--at-lh-h3)}
.at-post-card h3 a:hover{color:var(--at-accent)}
.at-post-card p{font-size:var(--at-fs-small);color:var(--at-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.at-post-card__more{display:inline-flex;align-items:center;gap:6px;font-size:var(--at-fs-small);font-weight:600;color:var(--at-ink);margin-top:var(--at-s-1)}
.at-post-card__more svg{width:16px;height:16px;transition:transform var(--at-d-base) var(--at-ease-out)}
.at-post-card:hover .at-post-card__more svg{transform:translateX(4px)}

/* Članak */
.at-article__head{padding-block:var(--at-section-md) var(--at-s-7)}
.at-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--at-s-2) var(--at-s-4);font-size:var(--at-fs-small);color:var(--at-muted);margin-top:var(--at-s-5)}
.at-article__meta .at-chip{height:30px;padding:0 12px;font-size:var(--at-fs-micro)}
.at-article__meta .at-dot{width:3px;height:3px;border-radius:50%;background:var(--at-line-strong)}
.at-article__title{font-size:var(--at-fs-h1)}
.at-article__lead{margin-top:var(--at-s-5)}
.at-article__cover{margin-bottom:var(--at-head-gap)}
.at-article__cover .at-media{aspect-ratio:16/9;border-radius:var(--at-radius-lg)}
.at-article__layout{display:grid;gap:var(--at-s-8)}
@media (min-width:64em){.at-article__layout{grid-template-columns:1fr minmax(0,var(--at-container-narrow)) 1fr;gap:var(--at-gap)}.at-article__body{grid-column:2}.at-article__aside{grid-column:3;position:sticky;top:calc(var(--at-header-h) + 32px);align-self:start;justify-self:end;display:grid;gap:var(--at-s-3)}}
.at-article__body .at-prose{max-width:none}
.at-share{display:flex;gap:var(--at-s-2);flex-wrap:wrap}
@media (min-width:64em){.at-article__aside .at-share{flex-direction:column}}
.at-share__label{font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--at-muted);margin-bottom:var(--at-s-2)}
.at-share a,.at-share button{display:grid;place-content:center;width:44px;height:44px;border:1px solid var(--at-line);border-radius:var(--at-radius-md);color:var(--at-ink-2);background:var(--at-surface);transition:border-color var(--at-d-base) var(--at-ease-out),color var(--at-d-base) var(--at-ease-out),transform var(--at-d-base) var(--at-ease-out)}
.at-share a:hover,.at-share button:hover{border-color:var(--at-ink);color:var(--at-ink);transform:translateY(-2px)}
.at-share svg{width:18px;height:18px}
.at-article__foot{margin-top:var(--at-s-8);padding-top:var(--at-s-6);border-top:1px solid var(--at-line);display:flex;flex-wrap:wrap;gap:var(--at-s-4);justify-content:space-between;align-items:center}
.at-article__tags{display:flex;flex-wrap:wrap;gap:var(--at-s-2)}
.at-related{border-top:1px solid var(--at-line)}
@media (max-width:63.99em){.at-article__aside{border-top:1px solid var(--at-line);padding-top:var(--at-s-5)}}