/* Shared article cards used by Magazin/Vesti listings and related content on article details. */
.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 30px}
.article-card-visual{display:block;background:var(--ar-paper-2);overflow:hidden}
.article-card-visual img{transition:transform .45s ease}
.article-card:hover .article-card-visual img{transform:scale(1.025)}
.article-card-placeholder{height:100%;display:grid;place-items:center;align-content:center;background:var(--ar-cyan-soft);color:var(--ar-cyan-deep)}
.article-card-placeholder b{font-family:var(--font-editorial);font-size:5rem;font-weight:400;line-height:.8}
.article-card-placeholder small{text-transform:uppercase;letter-spacing:.15em}
.article-card-content{padding-top:19px}
.article-card time{color:var(--ar-muted);font-size:.7rem}
.article-card h2{margin:8px 0 13px;font-size:clamp(1.5rem,2.2vw,2.25rem)}
.article-card p{display:-webkit-box;overflow:hidden;color:var(--ar-graphite);font-size:.9rem;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.article-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-card-content time,.article-card-content p{color:#4c5559}
.article-card-content h2{font-size:clamp(1.35rem,2vw,1.9rem)}
.article-card-content p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.article-card-visual{aspect-ratio:16 / 10}
.article-card-visual img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.article-card-grid{grid-template-columns:1fr}}
.article-card-content time{color:#41494d}
.article-card-grid{align-items:stretch}
.article-card{display:flex;height:100%;flex-direction:column}
.article-card-content{display:flex;flex:1;flex-direction:column}
.article-card-content .text-link{margin-top:auto;align-self:flex-start}
.article-card-grid-magazine{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px;align-items:stretch}
.article-card-magazine{position:relative;display:grid;min-width:0;min-height:214px;grid-template-columns:165px minmax(0,1fr);border:1px solid rgba(18,53,84,.16);background:rgba(255,255,255,.78);box-shadow:0 9px 23px rgba(18,53,84,.07);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}
.article-card-magazine:hover{border-color:rgba(18,53,84,.28);box-shadow:0 17px 34px rgba(18,53,84,.14)}
.article-card-magazine .article-card-visual{position:relative;display:grid;min-height:212px;height:100%;aspect-ratio:auto;place-items:center;padding:16px 13px;background:var(--ar-paper-2);overflow:hidden}
.article-card-magazine .article-card-visual img{display:block;max-width:100%;max-height:176px;object-fit:contain;box-shadow:0 8px 19px rgba(18,53,84,.13);transition:box-shadow .25s ease}
.article-card-magazine:hover .article-card-visual img{transform:none;box-shadow:0 13px 27px rgba(18,53,84,.22)}
.article-card-magazine .article-card-visual.is-landscape img{width:100%;height:auto}
.article-card-magazine .article-card-visual.is-portrait img{width:auto;max-width:78%;height:100%}
.article-card-magazine .article-card-visual.is-square img,.article-card-magazine .article-card-visual.is-flexible img{width:auto;max-width:90%;height:auto}
.article-card-magazine .article-card-placeholder{width:100%;height:100%;max-height:176px;background:var(--ar-cyan-soft);box-shadow:0 8px 19px rgba(18,53,84,.11)}
.article-card-magazine .article-card-content{display:flex;min-width:0;flex-direction:column;padding:18px 18px 16px}
.article-card-magazine .article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px}
.article-card-magazine .article-card-label{display:inline-flex;align-items:center;gap:8px;color:#123554;font-size:.62rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.article-card-magazine .article-card-label::before{content:"";width:22px;height:3px;flex:0 0 auto;background:#e67d24}
.article-card-magazine .article-card-meta time{color:#596267;font-family:var(--font-ui);font-size:.66rem;font-weight:650;white-space:nowrap}
.article-card-magazine h2{display:-webkit-box;margin:12px 0 8px;overflow:hidden;color:#123554;font-size:clamp(1.2rem,1.45vw,1.58rem);line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.article-card-magazine h2 a{color:inherit}
.article-card-magazine p{display:-webkit-box;margin:0 0 12px;overflow:hidden;color:#4c5559;font-size:.79rem;line-height:1.52;-webkit-box-orient:vertical;-webkit-line-clamp:var(--article-excerpt-lines,3);line-clamp:var(--article-excerpt-lines,3)}
.article-card-magazine .article-card-subtitle{margin-top:-2px;margin-bottom:8px;color:#4c5559;font-size:.76rem;font-weight:700;line-height:1.4;-webkit-line-clamp:2}
.article-card-magazine .text-link{margin-top:auto;align-self:flex-start;color:#123554;font-size:.66rem}
.article-card-magazine .text-link span{display:inline-block;margin-left:3px;color:#e67d24;transition:transform .2s ease}
.article-card-magazine:hover .text-link span{transform:translateX(3px)}
@media (max-width:1120px){.article-card-grid-magazine{grid-template-columns:1fr}.article-card-magazine{grid-template-columns:175px minmax(0,1fr)}}
@media (max-width:620px){.article-card-grid-magazine{gap:16px}.article-card-magazine{min-height:178px;grid-template-columns:126px minmax(0,1fr)}.article-card-magazine .article-card-visual{min-height:176px;padding:12px 10px}.article-card-magazine .article-card-visual img,.article-card-magazine .article-card-placeholder{max-height:148px}.article-card-magazine .article-card-content{padding:14px 13px 13px}.article-card-magazine .article-card-label{gap:6px;font-size:.56rem}.article-card-magazine .article-card-label::before{width:15px}.article-card-magazine .article-card-meta time{font-size:.59rem}.article-card-magazine h2{margin:9px 0 6px;font-size:1.08rem}.article-card-magazine p{--article-excerpt-lines:2;margin-bottom:9px;font-size:.72rem}.article-card-magazine .article-card-subtitle{font-size:.78rem;line-height:1.38}.article-card-magazine .text-link{font-size:.59rem}}
@media (max-width:390px){.article-card-magazine{grid-template-columns:108px minmax(0,1fr)}.article-card-magazine .article-card-visual{padding-inline:8px}.article-card-magazine .article-card-meta{align-items:flex-start;flex-direction:column;gap:5px}}
