.fftg .g-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.fftg .g-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--sh);transition:transform .2s ease,box-shadow .2s ease}.fftg .g-card:hover{transform:translateY(-6px);box-shadow:0 30px 54px -22px rgba(15,40,90,.24)}.fftg .g-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#143b8f,#33a8ff)}.fftg .g-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.fftg .g-card:hover .g-card__media img{transform:scale(1.07)}.fftg .g-diff{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:999px;color:#fff;letter-spacing:.02em}.fftg .g-diff.Beginner{background:#3f9b2e}.fftg .g-diff.Intermediate{background:#2f80ff}.fftg .g-diff.Advanced{background:#143b8f}.fftg .g-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}.fftg .g-card__topic{font-size:12px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.04em}.fftg .g-card__title{font-size:17.5px;font-weight:800;line-height:1.3;color:var(--navy);margin:0}.fftg .g-card__ex{font-size:14px;line-height:1.55;color:var(--muted);margin:0;flex:1}.fftg .g-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.fftg .g-time{font-size:13px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.fftg .g-read{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--blue)}.fftg .g-empty{grid-column:1/-1;text-align:center;padding:46px;color:var(--muted);font-weight:600;background:var(--card);border:1px solid var(--border);border-radius:20px}.fftg .g-pop a{display:flex;align-items:center;gap:12px;padding:9px;border-radius:14px;transition:background .15s}.fftg .g-pop a:hover{background:#f4f9ff}.fftg .g-pop__img{width:52px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:linear-gradient(135deg,#143b8f,#33a8ff)}.fftg .g-pop__t{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.3;margin:0 0 2px}.fftg .g-pop__m{font-size:12px;color:var(--muted);font-weight:600}@media (max-width:600px){.fftg .g-filter{flex-direction:column;align-items:stretch}}