/* ───────────────────────────────────────────────────────────────
   A Life — İlgili Makaleler / İşlemler kart bileşeni
   (deparment_detail, articles_cat, doctor_detail, units_detail,
    units_articles_detail, packet_detail, packets_articles_detail,
    units_articles_full_list)
   ─────────────────────────────────────────────────────────────── */

.alife-art-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:18px;
}
@media (max-width: 991.98px){
    .alife-art-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 575.98px){
    .alife-art-grid{ grid-template-columns:1fr; gap:14px; }
}

.alife-art-card{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    padding:22px 24px 18px;
    background:#ffffff;
    border:1px solid #e3e8f0;
    border-radius:14px;
    color:#09193b !important;
    text-decoration:none !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    box-shadow:0 2px 10px rgba(9,25,59,.04);
    overflow:hidden;
}
.alife-art-card::before{
    content:"";
    position:absolute; left:0; top:0; bottom:0;
    width:4px;
    background:linear-gradient(180deg,#09193b 0%,#1a2b4b 100%);
    border-radius:14px 0 0 14px;
    opacity:0; transform:translateX(-4px);
    transition:opacity .25s ease, transform .25s ease;
}
.alife-art-card:hover,
.alife-art-card:focus-visible{
    transform:translateY(-3px);
    box-shadow:0 14px 32px rgba(9,25,59,.10);
    border-color:#c7d5e8;
}
.alife-art-card:hover::before,
.alife-art-card:focus-visible::before{ opacity:1; transform:translateX(0); }

.alife-art-card__title{
    font-size:1.05rem;
    font-weight:700;
    color:#09193b !important;
    margin:0 0 10px;
    line-height:1.32;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:2.64em;
}
.alife-art-card__snippet{
    font-size:.88rem;
    font-weight:300;
    color:#54607a !important;
    line-height:1.55;
    margin:0 0 16px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:4.05em;
    flex-grow:1;
}
.alife-art-card__cta{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#1a2b4b !important;
    font-size:.85rem;
    font-weight:600;
    margin-top:auto;
    padding-top:12px;
    border-top:1px dashed #e6eaf2;
    transition:gap .2s ease, color .2s ease;
}
.alife-art-card:hover .alife-art-card__cta,
.alife-art-card:focus-visible .alife-art-card__cta{
    gap:10px;
    color:#e63a41 !important;
}
.alife-art-card__cta svg{ width:14px; height:14px; }
@media (max-width: 575.98px){
    .alife-art-card{ padding:18px 18px 14px; border-radius:12px; }
    .alife-art-card__title{ font-size:1rem; min-height:2.5em; }
    .alife-art-card__snippet{ font-size:.85rem; -webkit-line-clamp:2; min-height:2.7em; }
}