.articles-hero{position:relative;isolation:isolate;overflow:hidden;min-height:286px;border-radius:17px;background:#1a1208;cursor:pointer}.articles-hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 35%;object-position:center 35%;animation:earn-image-settle 1.4s ease-out both}.articles-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,12,4,.86),rgba(40,24,6,.6) 46%,rgba(90,55,8,.18))}.articles-hero-content{position:relative;padding:28px 30px 26px;max-width:60%;color:#fff}.articles-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;letter-spacing:.3px;text-transform:uppercase;color:#f7d885;margin:0 0 10px}.articles-hero h2{margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-1px;line-height:1.18}.articles-hero-meta{font-size:11.5px;font-weight:500;color:#f4e7c4;margin:10px 0 0}.articles-hero-actions{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.articles-hero-reward{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#f7d885;font-weight:600;margin:14px 0 0}.articles-hero-reward.is-claimed{color:#86e3b8}.articles-trending{margin-top:28px}.articles-trending-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.articles-trending-card{display:flex;align-items:center;gap:10px;text-align:left;padding:8px;border-radius:14px;background:#fff;border:1px solid #edf0f2;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}.articles-trending-card:hover{border-color:#e7cf9e;transform:translateY(-2px);box-shadow:0 6px 18px rgb(105 79 32/5%)}.articles-trending-card img{width:52px;height:52px;border-radius:10px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.articles-trending-card>div{min-width:0}.articles-trending-card h3{font-size:11.5px;font-weight:700;margin:0;color:#202b42;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.articles-trending-card p{font-size:9.5px;color:#9a9ea8;margin:4px 0 0}.articles-trending-cat{display:none}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.article-card{display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:14px;border:1px solid #edf0f2;overflow:hidden;cursor:pointer;transition:border-color .22s,box-shadow .22s,transform .22s;animation:earn-reveal .45s ease-out both;animation-delay:var(--entry-delay,0ms)}.article-card:hover{border-color:#e7cf9e;box-shadow:0 6px 20px rgb(105 79 32/5%);transform:translateY(-2px)}.article-card-image{position:relative;width:100%;aspect-ratio:16/10;background:#f0f0f0}.article-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-card-cat{position:absolute;bottom:8px;left:8px;background:hsla(0,0%,100%,.95);color:#202b42;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:999px}.article-card-save{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;background:hsla(0,0%,100%,.92);color:#7b8290;cursor:pointer;transition:color .2s,background .2s}.article-card-save:hover{color:#b7790a}.article-card-save.is-saved{color:#d49618;background:#fff}.article-card-claimed{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;background:#eaf7ef;color:#308b63;font-size:9px;font-weight:700;padding:3px 8px;border-radius:999px}.article-card-body{padding:12px 13px 14px;flex:1;display:flex;flex-direction:column}.article-card-body h3{font-size:12.5px;font-weight:700;line-height:1.5;margin:0;color:#202b42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.article-card-meta{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;color:#8a909d}.article-card-meta>span{display:inline-flex;align-items:center;gap:4px}.articles-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.articles-stat{text-align:center;padding:10px 4px;border-radius:10px;background:#fafafa;border:1px solid #f0f1f3}.articles-stat strong{display:block;font-size:18px;font-weight:800;color:#202b42;letter-spacing:-.4px}.articles-stat span{font-size:9px;color:#9a9ea8}@media (max-width:1199px){.articles-page .articles-hero{grid-row:1}.articles-page .articles-trending{grid-row:2;margin-top:8px}.articles-page .earn-opportunities{grid-row:3}.articles-page .earn-rail{grid-row:4}}@media (max-width:900px){.articles-grid,.articles-trending-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.articles-hero{min-height:300px}.articles-hero-content{max-width:80%;padding:24px 22px}.articles-hero h2{font-size:26px}}@media (max-width:520px){.articles-hero-content{max-width:92%}.articles-hero h2{font-size:24px}.articles-grid,.articles-trending-row{grid-template-columns:minmax(0,1fr)}.article-card-body h3{font-size:14px;min-height:0}.articles-page .earn-goal{display:block;padding:21px}.articles-page .earn-rail-tip{display:flex;padding:12px}}@media (prefers-reduced-motion:reduce){.articles-page *{animation:none!important;transition:none!important}}