.articles-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.article-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;flex-direction:column;height:100%;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-md);border-color:var(--sky-300);transform:translateY(-4px)}.article-photo-frame{overflow:hidden}.article-image{aspect-ratio:16/9;width:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.article-card:hover .article-image{transform:scale(1.06)}.article-body{flex-direction:column;flex-grow:1;padding:20px 22px 22px;display:flex}.article-body h3{margin:8px 0;font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.35}.article-body p{color:var(--ink-2);flex-grow:1;margin:0 0 14px;font-size:.9rem;line-height:1.55}.article-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.article-date{color:var(--ink-3)}.cat-pill{letter-spacing:.04em;background:var(--sky-100);color:var(--sky-800);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.cat-pill.cat-tabere{color:#8c5a0e;background:#fef3c7}.cat-pill.cat-metodologie{color:#1e40af;background:#dbeafe}.cat-pill.cat-workshops{color:#166534;background:#dcfce7}.cat-pill.cat-psihologie{color:#6b21a8;background:#f3e8ff}.cat-pill.cat-rezultate{color:#9f1239;background:#ffe4e6}.cat-pill.cat-competitii{color:#075985;background:#e0f2fe}.cat-pill.cat-club{color:#3f6212;background:#ecfccb}.cat-pill.cat-cancelled{color:#991b1b;background:#fee2e2}.article-link{color:var(--sky-700);align-items:center;gap:6px;margin-top:auto;font-size:.85rem;font-weight:600;display:inline-flex}.article-link .arrow{transition:transform .15s}.article-card:hover .article-link .arrow{transform:translate(3px)}.article-header{background:var(--sky-50);border-bottom:1px solid var(--line);padding:56px 0 40px}.article-header h1{max-width:900px;margin:18px 0 14px;font-size:2.4rem;line-height:1.2}.article-header .lead{max-width:720px;color:var(--ink-2);font-size:1.05rem}.back-link{color:var(--sky-700);font-size:.88rem;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.article-content{max-width:760px;color:var(--ink);margin:0 auto;font-size:1.05rem;line-height:1.7}.article-content p{margin:0 0 22px}.article-content h2{margin:36px 0 14px;font-family:DM Serif Display,serif;font-size:1.45rem;font-weight:400}.article-content ul{margin:0 0 22px;padding-left:22px}.article-content ul li{margin-bottom:8px}.article-hero-image{width:100%}.article-hero-frame{border-radius:var(--r-lg);margin-bottom:32px;overflow:hidden}@media (width<=1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.articles-grid{grid-template-columns:1fr}.article-header h1{font-size:clamp(1.7rem,6vw,2.4rem)}}
