/* Модуль articles_list: список статей языка (герой, кнопки-фильтры, карточки). Один исходник для обоих видов списка. */
.gd-aag-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:#1d2630}
.gd-aag-hero{background:linear-gradient(135deg,#1d2940 0%,#3949a0 100%);padding:80px 16px 60px;text-align:center;color:#fff}
.gd-aag-hero h1{font-size:2.4rem;font-weight:800;margin:0 0 14px;line-height:1.18;max-width:880px;margin-left:auto;margin-right:auto}
.gd-aag-hero p{font-size:1.08rem;line-height:1.6;color:rgba(255,255,255,.85);max-width:720px;margin:0 auto;font-weight:400}
.gd-aag-hero .gd-aag-count{display:inline-block;background:rgba(255,255,255,.12);padding:6px 16px;border-radius:20px;font-size:.86rem;font-weight:600;margin-bottom:20px;letter-spacing:.4px;color:#fff}
.gd-aag-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:1100px;margin:0 auto;padding:28px 16px 0}
.gd-aag-chip{background:#f1f3f8;color:#1d2630;padding:9px 18px;border-radius:24px;font-size:.92rem;font-weight:600;cursor:pointer;border:1px solid #e5e7eb;user-select:none;transition:all .15s;text-decoration:none;display:inline-block}
.gd-aag-chip:hover{background:#e0e4f0;color:#1d2630}
.gd-aag-chip.active{background:#3949a0;color:#fff;border-color:#3949a0}
.gd-aag-chip .gd-aag-cn{opacity:.7;font-weight:500;margin-left:4px}
.gd-aag-section{padding:36px 16px 80px;max-width:1200px;margin:0 auto}
.gd-aag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.gd-aag-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:14px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}
.gd-aag-thumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f1f3f8}
.gd-aag-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.gd-aag-card:hover .gd-aag-thumb img{transform:scale(1.04)}
.gd-aag-thumb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px 22px;font-weight:800;line-height:1.18;text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.2);overflow:hidden}
.gd-aag-thumb-ph::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.15) 0%,transparent 50%);pointer-events:none}
.gd-aag-thumb-ph-text{position:relative;font-size:1.25rem;letter-spacing:-.01em}
.gd-aag-thumb-ph-tag{position:absolute;bottom:12px;right:12px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;border-radius:10px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);color:#fff}
.gd-aag-thumb-ph[data-cat="marketplace"]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}
.gd-aag-thumb-ph[data-cat="retouch"]{background:linear-gradient(135deg,#0ea5e9 0%,#0a4a8a 100%)}
.gd-aag-thumb-ph[data-cat="ai"]{background:linear-gradient(135deg,#7c3aed 0%,#3a26a0 100%)}
.gd-aag-thumb-ph[data-cat="business"]{background:linear-gradient(135deg,#10b981 0%,#1c5a2a 100%)}
.gd-aag-thumb-ph[data-cat="tutorial"]{background:linear-gradient(135deg,#6b7280 0%,#374151 100%)}
.gd-aag-thumb-ph[data-cat="docs"]{background:linear-gradient(135deg,#e11d48 0%,#9f1239 100%)}
.gd-aag-body{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}
.gd-aag-cat-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:12px;margin-bottom:10px;align-self:flex-start}
.gd-aag-cat-marketplace{background:#fee7c4;color:#7a3700}
.gd-aag-cat-retouch{background:#e0f0ff;color:#0a4a8a}
.gd-aag-cat-ai{background:#e8e5ff;color:#3a26a0}
.gd-aag-cat-business{background:#d8f5dc;color:#1c5a2a}
.gd-aag-cat-tutorial{background:#f3f4f6;color:#374151}
.gd-aag-cat-docs{background:#ffe4e6;color:#9f1239}
.gd-aag-card h3{font-size:1.04rem;font-weight:700;color:#1d2630;margin:0 0 10px;line-height:1.34}
.gd-aag-card p{margin:0 0 16px;color:#6b7280;font-size:.9rem;line-height:1.5;flex:1}
.gd-aag-card .gd-aag-cta{color:#3949a0;font-weight:700;font-size:.92rem}
.gd-aag-card:hover{box-shadow:0 12px 28px rgba(29,41,64,.12);transform:translateY(-3px);border-color:#3949a0}
@media(max-width:640px){.gd-aag-hero{padding:50px 16px 40px}.gd-aag-hero h1{font-size:1.7rem}.gd-aag-hero p{font-size:.98rem}.gd-aag-section{padding:24px 16px 60px}}